javascript - 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是以毫秒为单位的时间