用HTML 5画布绘制五角大楼

Question

我需要在Javascript中使用html 5画布绘制五角大楼。在这里写的不多。我试过查找，但很多例子都无法正常工作。

Answer 1

五边形从3oclock pos使用旋转开始以弧度改变起始位置。即，从顶部旋转开始是-90deg = -Math.PI / 2

function pentagon(x, y, radius, rotation){
    for(var i = 0; i < 5; i ++){
        const ang = (i / 5) * Math.PI * 2 + rotation;
        ctx.lineTo(
            Math.cos(ang) * radius + x,
            Math.sin(ang) * radius + y
        );
     }
     ctx.closePath();
)

ctx.beginPath();
pentagon(100,100,50,-Math.PI / 2);
ctx.fill();
ctx.stroke();