Raphael - 如何为分组元素进行旋转动画？

Question

（Raphael_2.01，WindowsXP，Firefox3.6）

我想旋转分组元素（5个元素）。例如，使用“set（）”：

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?来移动（100,100）和旋转（30度）set0

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

但它不起作用。我该怎么办？

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