ホーム HTML CSS XML JAVASCRIPT   PHP SQL MORE...   リファレンス 事例集    

SVG <line>


SVG 直線 - <line>

<line> 要素は、直線を作成するために使用します:

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

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <line x1="0" y1="0" x2="200" y2="200"
  style="stroke:rgb(255,0,0);stroke-width:2"/>
</svg>

Try it yourself »

Operaユーザの場合: SVG ファイルの表示 (ソースを表示するには、SVGグラフィック上で右クリックしてください)。

コードの説明:

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