Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

polyline

概要

polyline要素はSVGの基本図形であり、いくつかの座標で繋がった一連の直線を生成します。一般的にpolyline要素は開いた図形を生成する際に使用します。

使用可能な場所

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

ソースコード 出力結果
<?xml version="1.0"?>
<svg width="120" height="120" 
     viewPort="0 0 120 120" version="1.1"
     xmlns="http://www.w3.org/2000/svg">

    <polyline fill="none" stroke="black" 
              points="20,100 40,60 70,80 100,20"/>

</svg>

» polyline.svg

属性

グローバル属性

専用属性

DOM インターフェイス

この要素は SVGPolylineElement インターフェイスを提供します。

ブラウザ実装状況

Feature Chrome Firefox (Gecko) IE Opera Safari
Basic support 1.0 1.5 (1.8) 9.0 8.0 3.0.4
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 3.0 1.0 (1.8) 未サポート (有) 3.0.4

Compatibility sources に基づく。

関連情報

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

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