Raphaeljs - Animate集变换

时间:2014-12-02 21:17:15

标签: javascript animation set raphael transform

我正在使用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");

如何设置最后一行的动画?

1 个答案:

答案 0 :(得分:1)

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

1000是以毫秒为单位的时间