javascript - 绘制5点星的算法

Question

我目前正在研究使用 JavaScript 在 Canvas 上绘制标准的 5 点星形的解决方案。我在那里，但无法完全弄清楚。如果有人有任何提示或指示，我将不胜感激。

Answer 1

我对 Chris 发布的代码进行了一些更改，以便它适用于我:

var alpha = (2 * Math.PI) / 10; 
var radius = 12;
var starXY = [100,100]

canvasCtx.beginPath();

for(var i = 11; i != 0; i--)
{
    var r = radius*(i % 2 + 1)/2;
    var omega = alpha * i;
    canvasCtx.lineTo((r * Math.sin(omega)) + starXY[0], (r * Math.cos(omega)) + starXY[1]);
}
canvasCtx.closePath();
canvasCtx.fillStyle = "#000";
canvasCtx.fill();

希望对你有帮助