SVG <行>


SVGライン-<ライン>

<line>要素は、行を作成するために使用されます。

Sorry, your browser does not support inline SVG.

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>

コードの説明:

  • x1属性は、x軸の線の始点を定義します
  • y1属性は、y軸上の線の始点を定義します
  • x2属性は、x軸の線の終わりを定義します
  • y2属性は、y軸上の線の終わりを定義します