text
<pxd> <page> <svg> <text> <tspan> <tref> <pxd:page-number>
属性 | 値 | 必要 | 意味 |
---|---|---|---|
x | 数値 例:x="21cm" 例:x="300 350 400 450" |
文字の横位置を示す。 | |
y | 数値 例:y="29.7cm" |
文字の縦位置を示す。 | |
dx | 数値 例:dx="21cm" 例:x="300 350 400 450" |
tspanで使います。文字の横相対位置を示す。 | |
dy | 数値 例:dy="29.7cm" |
tspanで使います。文字の縦相対位置を示す。 | |
font-family | 文字 例:MS ゴシック 例:'MS ゴシック' |
フォント名を指定します。 | |
font-size | 数値 例:5cm |
○ | フォントのサイズを指定します。 |
fill | 色 例:red 例:#FF11BB 例:rgb(255,255,0) 例:none |
文字の色を指定する | |
font-style | italic | 斜体を指定する。 | |
letter-spacing | 数値 例:1mm |
文字の間隔を指定する。 | |
writing-mode | lr(横書き) tb(縦書き) |
横書き、縦書きを指定する。 | |
text-anchor | middle end |
センタリング、終端寄せを指定する。 | |
text-decoration | underline line-through |
文字の下線、取り消し線を指定する。 | |
textlength | 数値 例:5cm |
指定した長さに文字を均等割付するように指定する。 | |
fill-opacity | 0〜1 例:0.5 |
文字の透明度を指定する。 | |
stroke | 色 (fillと同様) |
文字の輪郭線の色を指定する。 | |
stroke-width | 数値 例:1 |
文字の輪郭線の太さを指定する。 | |
class | 自由 例:title |
スタイルを参照する。下記に簡単な例を示す。
<style type="text/css"><![CDATA[ .title { x:155; y:100; fill:black; font-size:40;} ]]></style> <text font-family="'MS ゴシック'" class="title">タイトル</text> |
タグ | 意味 |
---|---|
tspan | 文字描写位置を保持したまま文字の色の変更や、位置の移動ができます。 |
tref | 別の場所で定義している文字を参照します。 |
pxd:page-number | ページ数が入ります。 |