php画布绘制多边形完整代码,canvas绘制多边形

效果图：

代码如下：

canvas 画多边形

var canvas = document.getElementById("myCanvas");

var ctx = canvas.getContext('2d');

function draw(x,y,n,r){

var i,ang;

ang= Math.PI*2/n;

ctx.save();

ctx.fillStyle = 'rgba(255,0,0,.3)';

ctx.strokeStyle = 'hsl(120,50%,50%)';

ctx.lineWidth = 1;

ctx.translate(x,y);

ctx.moveTo(0,-r);

ctx.beginPath();

for(i=0;i

ctx.rotate(ang);

ctx.lineTo(0,-r);

}

ctx.closePath();

ctx.fill();

ctx.stroke();

ctx.restore();

}

draw(100,100,3,40);

draw(200,100,4,40);

draw(300,100,5,40);

draw(100,200,6,40);

draw(200,200,7,40);

draw(300,200,8,40);

更多canvas绘制多边形相关文章请关注PHP中文网！

本文原创发布php中文网，转载请注明出处，感谢您的尊重！