绘制多边形
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<style>
#myc{display:block;margin:auto;border:1px solid #777;}
</style>
</head>
<body>
<canvas id = "myc"></canvas>
<script>
var c=document.getElementById("myc");
var ctx=c.getContext("2d");
c.width=window.innerWidth;
c.height=window.innerHeight;
function getrad(deg){
return deg/180*Math.PI;
}
ctx.translate(c.width/2,c.height/2);
var r=200,n=3,deg=360/n;
ctx.lineWidth=10;
ctx.strokeStyle="#00c";
ctx.moveTo(r,0);
for(i=0;i<=n;i++){
ctx.lineTo(r*Math.cos(i*getrad(deg)),r*Math.sin(getrad(i*deg)));
}
ctx.closePath();
ctx.stroke();
</script>
</body>
</html>
更改n的值就可以改变多边形的边数。