<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>
結果
仕様
| 仕様 | 策定状況 | コメント |
|---|---|---|
| Scalable Vector Graphics (SVG) 2 <polygon> の定義 |
勧告候補 | 変更なし |
| Scalable Vector Graphics (SVG) 1.1 (Second Edition) <polygon> の定義 |
勧告 | 初期定義 |
ブラウザ実装状況
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
| 機能 | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| 基本対応 | 1 | あり | 1.5 | 9 | 8 | 3 |
points | 1 | あり | 1.5 | 9 | 8 | 3 |
| 機能 | Android webview | Chrome for Android | Edge mobile | Firefox for Android | Opera Android | iOS Safari | Samsung Internet |
|---|---|---|---|---|---|---|---|
| 基本対応 | 3 | あり | あり | 4 | あり | 3 | ? |
points | 3 | あり | あり | 4 | あり | 3 | ? |