SVG中路徑與多邊形繪製的多邊形示例

Question

我想了解SVG，並試圖瞭解如何使用點（帶多邊形）或通過路徑（路徑）動態呈現相同的圖像。

我想在SVG多邊形和SVG路徑中使用SAME多邊形（三角形，方形和五邊形就足以開始）的幾個例子，以便我可以比較代碼。我可以找到任何一個繪製的單個圖像，但沒有一個是相同的。

Answer 1

這是微不足道的：你基本上可以採取多邊形的points屬性，並通過預先M和附加z把它變成一個路徑的d屬性。 see live on jsFiddle：

<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"> 
    <polygon points="20,20 100,20 100,100 30,110"/> 
    <path  d="M20,20 100,20 100,100 30,110z" fill="green" transform="translate(100,0)"/> 
</svg>