svg - svg 多边形的点属性中的第一个和最后一个数字是什么？

Question

我试图理解点属性中的第一个和最后一个数字值代表什么，但 MDN 似乎没有解释这一点，它实际上说需要有两个数字，但是我一直看到这个第一个和最后一个模式.我一直注意到有一对数字，代表点的 x 轴和 y 轴的值，但是它们只是一个数字，在开始和结束时不是一对？

<svg height="210" width="500">
   <polygon points="100,10 40,198 190,78 10,78 160,198">//what does first and last number mean?
   <style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
</svg>

Answer 1

您误解了数字及其分隔符。

在 points 值中，如下所示:

100,10 40,198 190,78 10,78 160,198

X 和 Y 坐标以逗号分隔，对以空格分隔(但此处也允许使用逗号)。

所以有五个 X,Y 坐标对:(100,10) (40,198) (190,78) (10,78) 和 (160,198)