文字

文字を表示するにはtext要素 で記述します。 開始タグと終了タグの間に表示する文字を書きます。

<text x="10" y="20">Sample Text</text>

はSample Textという文字を位置(10,20)から表示します。

位置はベースラインの左端の座標です。 ベースラインとは A や x の文字の下の位置です。g はベースラインより下に出ています。

文字のstyle

stroke

線の色

stroke-width

線の太さ

font-size

フォントの大きさ

font-sizeを指定するときは単位ptを使いましょう。

style="font-size:20pt;"

他にも font-family, font-weight, font-style, font-decoration, word-spacing, letter-spacing などなどたくさんの属性が指定できます。

日本語の文字を使う場合の注意

日本語のフォントは限られたものしか指定できません。 OSや利用環境によって異なるかもしれません。

Windowsで一般に使われているshift-jisコードで記述する場合は１行目に encoding="shift-jis" を付け加えてください。

<?xml version="1.0" encoding="shift-jis" standalone="no"?>

encoding="UTF-8" と指定し、文字コードもUTF-8としてファイルを作成するのが正式な方法です。

パス上に文字を表示

<defs> <path id="p1" d="... ..." /></defs><text style="font-size:20pt;"> <textPath xlink:href="#p1"> sample text </textPath></text>