【Raphael.js】簡単な文字列を埋め込む方法

Raphael上でテキストを描画する方法です。

今回はひとまずもっとも簡単なテキスト描画をします。その気になれば色んなWebフォントが使えたりしますが、今回は見送り。実行結果は以下の通り。Resultで結果が見れますよ。

相変わらず簡単ですね。ですが、注意点がいくつかあります。

まず、この関数はシンプルが故に指定できるパラメータがほとんどありません。ですので、この関数内ではフォントサイズもフォントファミリーも変更不可能。方法は別途アップしたいと思います。

きちんとテキストの選択やコピーができます。要は普通のテキストをRaphaelの描画エリアに突っ込んだだけです。

文字列の場合も、円や四角形と同様に中心点を指定する形になります。左上の座標ではないので注意！

Raphael.jsでは\nという文字列を改行として認識します。

何気に日本語でも問題なく描画してくれます。

Paper.text( x, y, string );

RAPHAELIST