用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