raphael.js动画问题:仅为路径的某些点设置动画

时间:2011-06-19 12:22:19

标签: animation svg raphael

我创建了一个粗略的云生成器here。 云的每个弧都是从固定的第一个和最后一个弧中随机生成的。

我希望云的形状变化缓慢,所以我创建了一个动画,每次调用时都会生成一条新生成的路径。

问题是在旧路径和新路径之间的插值过程中,有时最后一点也会移动,而不应该。“/ p>

我能做些什么才能确保第一点和最后一点不动?

1 个答案:

答案 0 :(得分:0)

哇,你的云动画看起来真的很棒。我不太确定Raphael动画功能是如何工作的,但我怀疑这个问题是由Raphael如何在具有不同坐标数的两条路径之间移动而产生的。

你可以通过移动最终的z(关闭形状)并在这些点之间手动绘制一条线来确定问题(确保这条线不是动画的一部分)。另一种可能性是确保路径中的坐标数量相同(如果需要)。