rect
<pxd>
<page>
<svg>
<rect>
| 属性 | 値 | 必要 | 意味 |
|---|---|---|---|
| x | 数値 例：x="21cm" |
四角形の左上角の横座標を指定します。 | |
| y | 数値 例：y="29.7cm" |
四角形の左上角の縦座標を指定します。 | |
| width | 数値 例：width="1cm" |
○ | 四角形の横幅を指定します。 |
| height | 数値 例：height="5cm" |
○ | 四角形の縦幅を指定します。 |
| rx | 例：rx="3mm" | 四角形の角丸みの半径 | |
| ry | 数値 例：ry="1mm" |
四角形の角丸みの半径。指定されていない場合は、rxと同じ値。 | |
| stroke-width | 数値 例：stroke-width="3mm" |
線の太さを指定します。 | |
| stroke | 色 例：red 例：#FF11BB 例：rgb(255,255,0) 例：none |
線の色を指定します。 | |
| fill | strokeの場合と同じ | 四角形内の塗りつぶし色を指定します。 | |
| fill-opacity | 数値0（透明）〜1（不透明） 例：fill-opacity="0.5" |
塗りつぶしの透明度を指定します。 | |
| stroke-opacity | 数値0（透明）〜1（不透明） 例：stroke-opacity="0.5" |
線の透明度を指定します。 | |
| opacity | 数値0（透明）〜1（不透明） 例：opacity="0.5" |
全体の透明度を指定します。 | |
| stroke-dasharray | 数値(カンマ区切り) 例：stroke-dasharray="10,20" |
線を点線にします。 | |
| class | 自由 例：title |
スタイルを参照する。下記に簡単な例を示す。
<style type="text/css"><![CDATA[
.blackRect { width:155; height:100; fill:black; }
]]></style>
<rect x="500" y="120" class="blackRect"/>
|