如何在 Raphael 中结合图像和矢量动画

Question

我正在尝试用 R 为一些东西制作动画。所以我得到了一个可以制作动画的 PNG，但我想在 PNG 周围放置一个圆圈并将两者作为一个制作动画。

我知道可以用这样的集合来做到这一点：

this.ship = paper.set();
this.ship.push(
    paper.circle(116, 116, 20).attr("fill", "#ff0"),
    paper.image("assets/img/ship.png", 100, 100, 32, 32)
);

然后：

{
this.ship[i].animate ...
}

...但这就是两个元素属性差异的恼人原因。

有人暗示什么是开始的好方法吗？谢谢！

Answer 1

根据我的理解， paper.set 能够处理动画，

this.ship.animate(...)

否则在这种情况下你不应该使用 paper.set 。我建议使用 animateWith

请参阅： http://raphaeljs.com/reference.html#animateWith

var img = paper.image(...);
var circle = paper.circle(...);

img.animate({...}, 2000);
circle.animateWith(img, {...}, 2000);