SVG要素
出力内容は、svg要素で囲まれた範囲に記述します。
SVG要素の主な属性
| 要素名 | 説明 |
|---|---|
| width | 表示領域の幅を指定します。 例 width=”8.1cm” width=”5mm” width=”5in” |
| height | 表示領域の高さを指定します。 例 height=”10cm” height=”5in” （inはインチ） |
| viewbox | SVGで表示する範囲を指定します。 viewBox=”0 0 2100 2970″ 値は順に、左上隅のｘ座標、ｙ座標、横幅、縦幅です。 width=”400″ height=”300″ viewBox=”-200 -100 400 300″ viewBoxの幅と高さがwidth, heightと異なる時は、高さ・幅を合わせるように拡大縮小される。 |
例えば、A4用紙タテの場合、viewboxを以下のように指定するとSVG要素内の座標空間は、左上（0, 0） 右下（2100, 2970）になり、扱いやすくなります。
<pxd paper-type="A4" orientation="portrait">
<page>
<svg width="21cm" height="29.7cm" viewbox="0 0 2100 2970">
・・・
</svg>
</page>
</pxd>
SVG要素の主な子要素
| 子要素 | 説明 |
|---|---|
| circle | 円を描く |
| desc | コメントを記述します。 <desc> This is comment line</desc> 以下もコメントです。 <!– これはコメントです –> |
| ellipse | 楕円を描く |
| g | グルーピング |
| image | 画像 |
| line | 直線 |
| path | パス（曲線など） |
| polygon | 閉じた連続直線 |
| polyline | 連続直線 |
| pxd:barcode | バーコード、2次元バーコードを生成する |
| pxd:pie | 弧 |
| rect | 四角形、角が丸い四角形 |
| text | 文字 |
| textArea | 文字領域 |