2011-06-19 44 views
2

我创建了一个粗略的云生成器here。 云的每条弧都是从第一个和最后一个固定的随机生成的。raphael.js动画问题:只动画一个路径的某些点

我想让云的形状慢慢变化,所以我创建了一个动画,每次调用一个新生成的路径。

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

我该怎么做才能确保第一个和最后一个点不移动?

回答

0

哇,你的云动画看起来非常好。我不太确定拉斐尔动画函数是如何工作的,但我怀疑拉斐尔如何在具有不同坐标数的两条路径之间移动的问题。

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

+0

谢谢!问题可能在于,如果我在两条路径中断裂,则形状的填充将会破裂!如果这不是问题,你可以发表一个例子吗? (PS:随意使用云!) – Bakaburg

+1

这是一个黑客,并且角落不太正确,但我认为它工作正常:http://dl.dropbox.com/u/169269/cloud .html –

+0

非常感谢,它的工作原理!所以它定义了一个包含闭角或者拉斐尔错误的SVG动画的bug! – Bakaburg