Raphael - 如何爲分組元素進行旋轉動畫？

Question

（Raphael_2.01，WindowsXP，Firefox3.6）

我想旋轉分組元素（5個元素）。例如，使用 「設置（）」：

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

現在我想通過參考How is set animation done in Raphael?

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

移動（100，100）和旋轉（30度）SET0但事實並非如此工作。我該怎麼辦 ？

Answer 1

我找到了解決方案。

**從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, ">");