請任何人都可以解釋一下SVG多邊形點？

我需要知道SVG多邊形點，它們是如何工作的。任何人都可以給我明確的解釋或其他鏈接，我可以得到明確的解釋。請任何人都可以解釋一下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>

來源

2016-08-19 kernal lora

的polygon需要的points（參照here），它們是沿X和每個對Y座標的列表。

在你的榜樣，你有

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

這就是五「角」從（100,10），從那裏（40，198）等一行。最後一點加入第一個點來製作一個封閉的多邊形。

文檔告訴我們「每個點由用戶座標系中的X和Y座標定義」。單位是像素，並且「初始視口座標系（因此初始用戶座標系）的原點位於視口的頂部/左側，正x軸指向右側，正y軸指向（來自here）

所以，100,10是100像素右和10下。

來源

2016-08-19 12:29:56 doctorlove

該元素用於創建至少包含三面的圖形。多邊形由直線構成，形狀爲「閉合」（所有線都連接）。可以看到一些實例here

來源

2016-08-19 12:28:30 fernando

Maky-感謝您的快速回復。這不是我要找的，我在找每個點（x和y座標）的解釋。例如：100,10 40,198 190,78 10,78 160,198 在上面的座標中，100,10表示，40,198表示像我需要知道每個點 –

請任何人都可以解釋一下SVG多邊形點？

回答

相關問題