Command

サンプル動作に必要な環境
Windows7以降(32,64bit)でHTML5が動作しサポートする現行のブラウザが必要です。PXDo3.05以降がインストールされた環境が必要です。まだインストール済みでない場合は無料でDownloadしてください。

?xml?

XML要素

xmlページの宣言

一般的な書き方
<?xml version="1.0" encoding="utf-8"?>
<cps paper-type="a4" orientation="landscape" title="A4横">
   <page>
      内容の記述
   </page>
</cps>

encoding=文字コード（必須）
version="1.0"はXMLの現在のバージョン（必須）

paper-type

用紙要素

用紙サイズa5、a4、b5、b4など

paper-type="a4"
paper-type="b5"
paper-type="a5"
などプリンターの印刷可能用紙による

orientation

用紙要素

用紙の縦か横

svg

SVG要素

svg要素の埋め込み宣言

width="用紙の幅"
height="用紙の高さ"
viewBox="左上のＸＹ　右下のＸＹ"

text

文字要素

文字

<text x="200" y="500" font-size="200" >Hello World</text>

左上からx=2cm y=5cm に2cmのフォントサイズで印刷
（<svg width="21cm" height="29.7cm" viewBox="0 0 2100 2970">の場合）

text-anchor

文字要素-専用属性

テキストのx,yの位置

text-anchor="start"　先頭
text-anchor="middle"　中央
text-anchor="end"　最後

writing-mode

文字要素

文字方向

writing-mode="tb" 縦書き文字
writing-mode="lr" 文字を左から右へ
writing-mode="rl" 文字を右から左へ

letter-spacing

文字要素

文字の間隔

letter-spacing="40"

textlength

文字要素

文字の長さを指定すると均等に配置

textlength="1200"　12cmの中で均等に配置
（<svg width="21cm" height="29.7cm" viewBox="0 0 2100 2970">の場合）

lengthAdjust

文字要素

文字を指定の長さに合わせるように幅を調整します

lengthAdjust="spacing" 文字の形を保ちながらスペースの幅を合わせようとします

font-style

文字要素

文字を"italic"（斜め）に指定します

font-style="italic"　文字を斜体にする

font-weight

文字要素

文字を"bold"（大文字）に指定します

font-weight="bold"　太文字にする

text-decoration

文字要素

テキストの装飾でここの使用はアンダーラインと取消線です

text-decoration="line-through"　取消線
text-decoration="underline"　アンダーライン

stroke

文字要素,図形要素

線色

文字要素の場合
<text x="200" y="500" font-size="200" fill="white" stroke-width="1" stroke="black">文字の例</text>
図形要素の場合
<cline stroke-width="1" x1="0" y1="0" x2="2970" y2="2100" stroke="black"/>

CMYK stroke="#cccccc"
RGB stroke="rgb(0,255,0)"

stroke-width

文字要素,図形要素

線幅,外周の線幅

文字要素の場合
<text x="200" y="500" font-size="200" fill="white" stroke="black" stroke-width="10">文字の例</text>
図形要素の場合
<line stroke-width="1" x1="0" y1="0" x2="2970" y2="2100" stroke="black"/>

rotate

文字要素,図形要素

回転

文字要素の場合

<text x="400" y="500" font-size="200" fill="black" stroke="none" rotate="45">文字の例</text>

rotate="45" 45度

fill

文字要素,図形要素

塗りつぶし

文字要素の場合
<text x="200" y="500" font-size="200" fill="red" stroke="none">文字の例（赤）</text>
図形要素の場合
<circle cx="1000" cy="700" r="200" stroke="green" stroke-width="10" fill="red"/>

CMYK    fill="#cccccc"
RGB    fill="rgb(0,255,0)"
なし    fill="none"

line

ライン要素

線

circle

図形要素

円

ellipse

図形要素

楕円

cps:pie

図形要素

円弧

<cps:pie cx="500" cy="700" rx="200" ry="200" start-angle="90" sweep-angle="60" stroke="black" stroke-width="10" fill="none"/>

polygon

ライン要素

折れ線

rect

図形要素

長方形

points

図形要素

折れ線要素