最新のWeb開発のチュートリアル
 

SVG <ライン>


SVGライン - <ライン>

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

スタイル= "ストローク:RGB(255,0,0);ストローク幅:2" />申し訳ありませんが、お使いのブラウザはインライン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>
»それを自分で試してみてください

Code explanation:

  • x1属性は、x軸上のラインの開始を定義します
  • y1属性は、y軸上のラインの開始を定義します
  • x2属性は、x軸上のラインの終了を定義します
  • y2属性は、y軸上のラインの終了を定義します