我需要知道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>
更新:
这个问题背后的主要意图是多边形如何获取点属性以及它如何在浏览器中呈现为多边形?
多边形采用点列表(ref
here),它们是每对的X和Y坐标.
在你的例子中,你有
points="100,198"
这是从(100,10)开始的五个“角”,从那里到(40,198)的一条线,依此类推.最后一点连接第一个点以形成一个闭合的多边形.
文档告诉我们“每个点都由用户坐标系中的X和Y坐标定义.”
单位是像素,“初始视口坐标系(因此初始用户坐标系)的原点位于视口的顶部/左侧,正x轴指向右侧,正y轴指向下方“(自here起)
所以,100,10是100像素右,10是下.