2010年1月28日木曜日

Raphaelでオブジェクトを前面に配置するのはtoFront();

オブジェクトを前面に配置したかったのですが、
toFront();
で実現できると知り、便利でした。

var c = paper.circle(10, 10, 10);
c.toFront();
みたいな。
http://raphaeljs.com/reference.html#toFront 

でも、これを適用してもフロントに行ってくれない問題が起きて、
悩んだら、
既に前のオブジェクトにtoFrontが適用されていました。

そちらをコメントアウトしたらOKに^^

Raphaelで文字サイズを大きく(メモ)

Raphaelで、文字サイズを大きくしたりするのができずに困ってました。
http://raphaeljs.com/reference.html
ドキュメントを見てもよくわからず、attr({font-size:"20px"});とかをつけてもうまくいかず。。

最終的に、
var t= paper.text(120, 100, "Test string")
.attr({font: '50px Fontin-Sans, Arial', opacity: 0.5});
のようにしたら、文字サイズが大きくなりました。
(もちろんopacityはおまけです。二つのフォント指定はひとつにしてもいけました。サイズだけだとダメでした。)

参考にしたのは、Raphaelのこちらのサンプルコードです。
http://raphaeljs.com/text-rotation.html

■追記:
他でfontサイズを指定したとき、
txt.attr("font-size","130");
のような形で("font-size","30");
などのように両方をダブルクオーテーションで囲ってやったらうまくいきました。

RaphaelというJSライブラリ、楽しいです。

RaphaelというJacascriptのライブラリを知り合いの方から教えていただきました。
触ってみると、とても楽しいものでした。

これから、Raphaelについて、メモを残していきます。

参考サイトは以下に。
http://raphaeljs.com/ (本家)
http://raphaeljs.com/reference.html (リファレンス)
http://groups.google.com/group/raphaeljs (ディスカッショングループ) 

また、jQueryクエリについても書き残していきたいと思います。
jQueryもやんなきゃ。。。!

メモを残すと、やる気になるのが自分のパターンのようなので、やります。