SVGによるテキストの描画サンプル

SVGでテキストを描く場合はtextを使用します。以下に記述例を示します。 <text x="x" y="y" font-size="h" transform="rotate(a x2 y2)">str</text> <text x="x" y="y" font-size="h">str</text>記述例のパラメータは下記のとおりです。開始点は大まかに表現するとテキストの左下の位置になります。 transformのrotateは文字列全体を回転させるときに用います。省略可能です。 開始点:(x,y) h:文字の大きさ a:角度(度) 回転の中心点:(x2,y2) ベースライン 開始点は、下図の赤点の位置になります。 赤線がベースラインとなります。 緑線はベースラインからfont-sizeで指定した値分をy座標の値が少なる方向で平行移動させた線です。 ベースラインから特にアルファベットのg