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-linecap | butt round square |
直線の先端の形状を指定します。 | |
| class | 自由 例:title |
スタイルを参照する。下記に簡単な例を示す。
<style type="text/css"><![CDATA[
.blackLine { x1:500; y1:500; stroke:black; }
]]></style>
<line x2="500" y2="1200" class="blackLine"/>
|