html5画布正五角星,canvas 正五角星如何画

正五角星可以通过使用HTML5的canvas元素和JavaScript来绘制。

下面是一段绘制正五角星的示例代码：

<canvas id="myCanvas"></canvas>

<script>
    const canvas = document.getElementById("myCanvas");
    const ctx = canvas.getContext("2d");
    const centerX = canvas.width / 2;
    const centerY = canvas.height / 2;
    const radius = 100;
    const sides = 5;
    const angle = Math.PI * 2 / sides;
    ctx.beginPath();
    ctx.moveTo(centerX + radius, centerY);
    for (let i = 1; i <= sides; i++) {
        const x = centerX + radius * Math.cos(i * angle);
        const y = centerY + radius * Math.sin(i * angle);
        ctx.lineTo(x, y);
    }
    ctx.closePath();
    ctx.stroke();
</script>

这段代码使用了canvas元素、getContext方法和一些数学计算来绘制正五角星。通过更改变量的值，可以调整星星的大小和位置。