pxd:pie
<pxd>
<page>
<svg>
<pxd:pie>
| 属性 | 値 | 必要 | 意味 |
|---|---|---|---|
| cx | 数値 例:cx="21cm" |
円の中心の横座標を指定します。 | |
| cy | 数値 例:cy="29.7cm" |
円の中心の縦座標を指定します。 | |
| rx | 数値 例:rx="1cm" |
○ | 円の半径 |
| ry | 数値 例:ry="1cm" |
○ | 円の半径 |
| start-angle | 数値 例:start-angle="90" |
○ | 円弧描き始めの角度。上方向が0°とします。時計回りが正の方向です。 (実際のx,y軸に合った角度にしたい場合は+90°してください) |
| sweep-angle | 数値 例:sweep-angle="30" |
○ | 円弧の角度 |
| distance | 数値 例:distance="0.2" |
○ | 中心座標から離れる距離(数値が1の場合、半径の大きさと同じ) |
| 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[
.blackCircle { rx:50; ry:100; fill:black; }
]]></style>
<ellipse x="500" y="120" class="blackCircle"/>
|