Raphaeljs - 动画设置变换

Question

我正在使用Raphaeljs制作动画。我有一个里面有一个圆形和一个矩形的集合。我可以轻松地旋转该设置，但我不知道如何为此旋转设置动画。

这里是我的代码：

var gun = paper.set(); 
gun.push(
    paper.circle(550, 400, 70) 
     .attr({ fill: "85FFA5" }), 
    paper.rect(510, 350, 80, 100, 5) 
     .attr({ fill: "E8E8E8" }) 
); 

gun.transform("R45, 550, 400"); 

如何动画最后一行？

Answer 1

gun.animate({ 
    transform: "R45, 550, 400" 
}, 1000); 

1000以毫秒为单位

时间