<polygon>

<polygon> 元素定義了一個封閉的形狀,由一組連線的直線段組成。最後一個點連線到第一個點。

對於開放形狀,請參閱 <polyline> 元素。

示例

html
<svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg">
  <!-- Example of a polygon with the default fill -->
  <polygon points="0,100 50,25 50,75 100,0" />

  <!-- Example of the same polygon shape with stroke and no fill -->
  <polygon points="100,100 150,25 150,75 200,0" fill="none" stroke="black" />
</svg>

屬性

points

此屬性定義繪製多邊形所需的點列表(x,y 絕對座標對)。值型別<number>+ ; 預設值""; 可動畫

pathLength

此屬性允許指定路徑的總長度,以使用者單位表示。值型別<number> ; 預設值; 可動畫

使用環境

類別基本形狀元素、圖形元素、形狀元素
允許內容以下元素中的任意數量,以任意順序
動畫元素
描述性元素

規範

規範
可縮放向量圖形 (SVG) 2
# PolygonElement

瀏覽器相容性

BCD 表僅在啟用 JavaScript 的瀏覽器中載入。

另請參閱