line

サンプル  サンプル(内容確認)

<pxd>
  <page>
    <svg>
      <line>

直線を引きます。(polylineのほうが便利です)
属性必要意味
x1数値
例:x1="21cm"
始点の横座標を指定します。
y1数値
例:y1="29.7cm"
始点の縦座標を指定します。
x2数値
例:x2="21cm"
終点の横座標を指定します。
y2数値
例:y2="29.7cm"
終点の縦座標を指定します。
stroke-width数値
例:stroke-width="3mm"
線の太さを指定します。
stroke
例:red
例:#FF11BB
例:rgb(255,255,0)
例:none
  線の色を指定します。
stroke-opacity数値0(透明)〜1(不透明)
例:stroke-opacity="0.5"
  線の透明度を指定します。
stroke-dasharray数値(カンマ区切り)
例:stroke-dasharray="10,20"
  線を点線にします。
stroke-linecapbutt
round
square
  直線の先端の形状を指定します。
class自由
例:title
  スタイルを参照する。下記に簡単な例を示す。
<style type="text/css"><![CDATA[
  .blackLine { x1:500; y1:500; stroke:black; }
]]></style>
<line x2="500" y2="1200" class="blackLine"/>