如何使用 Raphael 将移动的圆圈动画化为更大的圆圈?
How can I animate a moving circle to a bigger circle using Raphael?
我有一个圆圈 x=50
、y=30
和 radius = 20
。
该圆应在 1000 毫秒内移动到新位置 x=150
、y=170
和 radius = 30
。
这些是我的对象:
paper.circle(50, 30, 20);
paper.newCircle(150, 170, 30);
现在我想制作一个运动动画,所以看起来第一个圆圈移动到第二个圆圈但半径更大。
很像第一个例子here(点击箭头)但是它在动画之后应该有更大的半径。
这应该很简单,但我不知道该怎么做。
您可以将一个对象传递给 animate 方法,并传递一个持续时间,如下所示。
var c = paper.circle(50, 30, 20);
c.animate({ r: 30, cx: 150, cy: 170 }, 1000);
我有一个圆圈 x=50
、y=30
和 radius = 20
。
该圆应在 1000 毫秒内移动到新位置 x=150
、y=170
和 radius = 30
。
这些是我的对象:
paper.circle(50, 30, 20);
paper.newCircle(150, 170, 30);
现在我想制作一个运动动画,所以看起来第一个圆圈移动到第二个圆圈但半径更大。
很像第一个例子here(点击箭头)但是它在动画之后应该有更大的半径。
这应该很简单,但我不知道该怎么做。
您可以将一个对象传递给 animate 方法,并传递一个持续时间,如下所示。
var c = paper.circle(50, 30, 20);
c.animate({ r: 30, cx: 150, cy: 170 }, 1000);