SVG <line>

❮ 前章へ次章へ ❯

SVG 線 - <line>

<line> 要素は、線の作成に使用します：

SVG コードは次の通りです：

例

<svg height="210" width="500">
<line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" />
</svg>

Try it Yourself »

コードの説明：

x1 属性は、x 軸上に線の開始を定義します
y1 属性は、y 軸上に線の開始を定義します
x2 属性は、x 軸上に線の終了を定義します
y2 属性は、y 軸上に線の開始を定義します

❮ 前章へ次章へ ❯