概要
line要素はSVGの基本図形であり、2つの座標を繋いた直線を描画します。
使用可能な場所
| カテゴリ | 基本シェイプ要素 、 グラフィックス要素 、 図形要素 |
|---|---|
| 許可された内容 | 任意の数、任意の順で以下の要素を配置可能： アニメーション要素 説明的要素 |
例
| ソースコード | 出力結果 |
|---|---|
ファイル「 line.svg 」が見つかりません。 |
Unable to find file line.svg |
≫ line.svg
次のようにしても、同じ効果を得ることができます。
| ソースコード | 出力結果 |
|---|---|
ファイル「 line1.svg 」が見つかりません。 |
Unable to find file line1.svg |
tranceform 属性を追加して、線の向きを変えることもできます:
| ソースコード | 出力結果 |
|---|---|
ファイル「 line2.svg 」が見つかりません。 |
Unable to find file line2.svg |
属性
グローバル属性
専用属性
DOM インターフェイス
この要素は SVGLineElement インターフェイスを提供します。
ブラウザ実装状況
| 機能 | 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 に基づく。