Javascript 美国队长与svg

我如何使用svg正确实现这一点？我必须使用svg，我尝试使用点，但不工作。我不能使用元素路径。谢谢

---

这似乎有点接近

此处带有路径

---

如果你想得到五角星的最精确的点，你可以很容易地从下面的五角大楼得到它们

获取这些点的简单js函数如下所示（顺便说一下，您可以将其用于具有任何n边的多边形）：

您的顺序是

点[x]，其中x=0,3,1,4,2

并将其用于示例，四舍五入到最接近的像素：

您的意思是说您希望星星位于蓝色区域内吗？为什么不使用

path

元素呢？它也只是SVG。请看@frhd的答案：这比我刚才猜测的答案要好得多。

var n = 5;
var points = [];
for (var i=0; i < n; i++) {
    var x = 50;
    var y = -50;
    var r = 25;
    points.push([x + r * Math.sin(2 * Math.PI * i / n),
                 y + r * Math.cos(2 * Math.PI * i / n)]);
}

[ [ 50, -25 ],
  [ 73.77641290737884, -42.27457514062631 ],
  [ 64.69463130731182, -70.22542485937369 ],
  [ 35.30536869268818, -70.22542485937369 ],
  [ 26.22358709262116, -42.27457514062632 ] ]