2 つのパス要素があります。説明のために、一方はハートで、もう一方は角の丸い四角だとしましょう。
私は次のように一方を他方に補間しようとしています:
http://raphaeljs.com/animation.html
これは簡単に実行できますが、時間ではなく要素の X 位置に基づいて実行する必要があります。
100 と 200 の Xval の間でパス要素をドラッグすると、最終的に 200 の X 値で変換が完了するまで、ゆっくりと 2 番目のパスに変化します。
誰も私がこれを行う方法を知っていますか?
ドラッグ ハンドラーを使用し (または、mousemove イベントにバインドして座標をフィードすることもできます)、それを使用して、開始位置とターゲット アニメーションの間を x または y 座標に基づいてElement.statusを使用して移動します。フィドルをチェックしてください（あなたのものに基づいて）：
申し訳ありませんが、元のフィドル バックのコピーをお渡ししました。ひどく貧弱なフォーム =( 代わりにこれを試してください:
これまでのところ、これは私が思いついたものです：
http://jsfiddle.net/jocose/CkL5F/139/
これは機能しますが、遅いマシンでは壊れてしまうのではないかと心配している遅延に依存しています。さらに、それは本当にハッキーな継ぎ目です。誰かがより良い解決策を知っているなら、私に知らせてください。