Raphaeljs - 动画集变换答案

【问题标题】：Raphaeljs - Animate set transformRaphaeljs - 动画集变换
【发布时间】：2014-12-02 21:17:15
【问题描述】：

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

如何为最后一行设置动画？

【问题讨论】：

标签： javascript animation set raphael transform

【解决方案1】：

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

1000 是以毫秒为单位的时间

【讨论】：