2011-12-14 7 views
1

(Raphael_2.01、WindowsXP、Firefox3.6)Raphael - グループ化された要素の回転アニメーションを行うにはどうすればいいですか?

グループ化された要素(5要素)を回転したいと思います。たとえば、 "設定()" を使用して:

var paper = Raphael("paper"); 
var set0 = paper.set(); 
for(var idx=0; idx<5; idx++){ 
set0.push(element); 
} 

は、今私は(100、100)を移動し、

set0.animate({transform: "t100,100r30"}, 1000); 

How is set animation done in Raphael?にを参照して(30度)SET0を回転させるようにしたい。しかし、それはありません作業。私は何をすべきか ?

答えて

0

解決策が見つかりました。

** http://groups.google.com/group/raphaeljs/browse_thread/thread/d59fea928cbd6322/40ef3c6d1bb8c515

*から派生しかし、このヒントは厳密には正しくありません。それは '0.5'とcxの間の空間を運んでいるからです。私は何を得る

コードは次のとおりです。

var cX = set0.getBBox().x + set0.getBBox().width/2; 
var cY = set0.getBBox().y + set0.getBBox().height/2; 
set0.animate({rotation:30 +' '+ cX + ' ' + cY}, 1000, ">");