请问任何人都可以解释SVG多边形点吗？

Question

我需要知道SVG多边形点,它们是如何工作的.任何人都可以给出明确的解释或其他链接,我可以得到明确的解释.

如果可能的话解释这些多边形点如何在内部工作,我的意思是它使用的算法是什么？

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

更新: 这个问题背后的主要意图是多边形如何获取点属性以及它在浏览器中呈现为多边形的方式？

Answer 1

所述polygon需要的列表points(参考这里),它们是沿X和每个对Y坐标.

在你的例子中,你有

points="100,10 40,198 190,78 10,78 160,198"

这是从(100,10)开始的五个"角",从那里到(40,198)的一条线,依此类推.最后一点连接第一个点以形成闭合多边形.

文档告诉我们"每个点都由用户坐标系中的X和Y坐标定义." 单位是像素,"初始视口坐标系(因此初始用户坐标系)的原点位于视口的顶部/左侧,正x轴指向右侧,正y轴指向下方"(从这里)

所以,100,10是100像素右,10是下.

Answer 2

该元素用于创建至少包含三个边的图形。多边形是由直线组成的，并且形状是“封闭的”（所有线都连接起来）。您可以在这里查看一些示例