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);

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

1 个答案: