拉斐尔的动画基于位置而不是时间

Question

我有两个路径元素。为了描述起见，我们只能说一个是心脏，另一个是圆角的方形。

我试图让一个插入另一个像这样：

http://raphaeljs.com/animation.html

这很容易做到，但我需要根据元素X的位置而不是时间来做。

因此，当我在100和200的Xval之间拖动路径元素时，它将慢慢变形到第二条路径，直到它最终以X值200完成转换。

有谁知道我该怎么做？

Answer 1

我将使用拖动处理程序（或者您可以绑定到mousemove事件并同时提供坐标）并使用它在基于x或y坐标的起始位置和目标动画之间移动并使用{ {3}}。看看小提琴（基于你的）：

我很抱歉 - 我原本给了你一份你自己的小提琴。非常糟糕的形式=（试试这个：

Element.status

Answer 2

到目前为止，这是我提出的：

http://jsfiddle.net/jocose/CkL5F/139/

这可行，但依赖于延迟，我恐怕会在较慢的机器上打破，加上接缝真的很难。如果有人知道更好的解决方案，请告诉我。