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-styleitalic   斜体を指定する。
letter-spacing数値
例:1mm
  文字の間隔を指定する。
writing-modelr(横書き)
tb(縦書き)
  横書き、縦書きを指定する。
text-anchormiddle
end
  センタリング、終端寄せを指定する。
text-decorationunderline
line-through
  文字の下線、取り消し線を指定する。
textlength数値
例:5cm
  指定した長さに文字を均等割付するように指定する。
fill-opacity0〜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 ページ数が入ります。