本文主要是介绍canvas制作旋转的五角星，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
用canvas画以下图形：
代码如下：
<!DOCTYPE html>
<html>
<head><title>旋转五角星</title><meta charset="utf-8">
</head>
<body>
<canvas id="canvas" width="600" height="600"></canvas><script type="text/javascript">var canvas = document.getElementById("canvas");var context = canvas.getContext("2d");//设置边框样式以及填充颜色context.lineWidth = 1;context.fillStyle = "red";context.strokeStyle = "red";/* @length: 边长，逐渐变大* @offset: 偏移位置，逐渐变大* @offsetX: 横轴额外偏移，根据角度计算* @offset这篇关于canvas制作旋转的五角星的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
