如何定义html5 svg多边形点来创建图形

Question

您好我正在尝试找出如何在HTML5中定义多边形的点

<svg width="300" height="200">
  <polygon points="100,10 40,198 190,78 10,78 160,198"
    style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
</svg>

这将最终创建一个Star图像。 我试图删除一些点，并添加一些任意点，它不会创建任何图像。我尝试了三点，但它没有成功。

Answer 1

这些值是成对的，每对是多边形顶点的（x，y）坐标。

200,10在x方向（横向）距离原点200个单位，在y方向（向下）距离10个单位。