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>

自分で試してみてください

コードの説明:

  • x1 属性定义 x 軸上の線の始点
  • y1 属性は y 軸上の線の始点を定義
  • x2 属性は x 軸上の線の終点を定義
  • y2 属性は y 軸上の線の終点を定義