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

概要

line要素はSVGの基本図形であり、2つの座標を繋いた直線を描画します。

使用可能な場所

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

ソースコード 出力結果

ファイル「 line.svg 」が見つかりません。

Unable to find file line.svg

line.svg

次のようにしても、同じ効果を得ることができます。

ソースコード 出力結果

ファイル「 line1.svg 」が見つかりません。

Unable to find file line1.svg

line1.svg

tranceform 属性を追加して、線の向きを変えることもできます:

ソースコード 出力結果

ファイル「 line2.svg 」が見つかりません。

Unable to find file line2.svg

line2.svg

属性

グローバル属性

専用属性

DOM インターフェイス

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

ブラウザ実装状況

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

機能 Chrome Firefox (Gecko) IE Opera Safari
基本サポート 1.0 1.5 (1.8) 9.0 8.0 3.0.4
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート 3.0 1.0 (1.8) 未サポート (有) 3.0.4

Compatibility sources に基づく。

関連情報

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

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