We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

<polygon>要素は、直線のセグメントのつながりで構成された閉じた図形を定義します。最後の点は最初の点と結ばれます。開いた図形については<polyline>要素をご覧ください。

使える場所

カテゴリー基本シェイプ要素 、 グラフィックス要素 、 図形要素
許可された内容任意の数、任意の順で以下の要素を配置可能:
アニメーション要素
説明的要素

属性

グローバル属性

専用属性

DOMインターフェイス

この要素はSVGPolygonElementインタフェースを実装します。

SVG

<svg width="120" height="120" viewBox="0 0 120 120"
    xmlns="http://www.w3.org/2000/svg">

  <polygon points="60,20 100,40 100,80 60,100 20,80 20,40"/>
</svg>

結果


» polygon.svg

仕様

仕様 策定状況 コメント
Scalable Vector Graphics (SVG) 2
<polygon> の定義
勧告候補 変更なし
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
<polygon> の定義
勧告 初期定義

ブラウザ実装状況

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応1 あり1.5983
points1 あり1.5983
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応3 あり あり4 あり3 ?
points3 あり あり4 あり3 ?

関連情報

ドキュメントのタグと貢献者

このページの貢献者: FumioNonaka, Sebastianz, teoli, manzyun
最終更新者: FumioNonaka,