2011-06-19 10 views
2

私はスケッチクラウドジェネレータhereを作成しました。 クラウドのすべての弧は、修正された最初と最後のものからランダムに離れて生成されます。raphael.jsアニメーションの問題:パスの特定の点のみをアニメーション化

私は新しく生成されたパスを取るたびに呼び出されたアニメーションを作成しましたので、雲の形状がゆっくりと変化します。それはいけないながら

問題は、その古いものと新しいパス間の補間中に時々、最後の点の動きです。

最初と最後のポイントが移動しないようにするにはどうすればよいですか?

答えて

0

うわー、あなたの雲のアニメーションは本当によく見えます。 Raphaelのアニメーション機能がどのように機能するのかよく分かりませんが、異なる数の座標を持つ2つのパス間でRaphaelがどのように動くかによって問題が発生すると思われます。

あなたは一種の(この行は、アニメーションの一部ではないことを確認してください)最終Z(形状を閉じる)を移動し、手動でこれらの点の間に線を描くことで問題を回避することができます。もう1つの可能性は、必要に応じてパスに同じ数の座標があることを確認することです。

+0

ありがとうございます!問題は、私が2つのパスを壊すと、形の塗りつぶしが壊れてしまうことです。それが問題ではない場合は、例を投稿できますか? (PS:!クラウドを利用して自由に感じる) – Bakaburg

+1

それはハッキングのビットだし、コーナーが非常に適切ではありませんが、私はそれがうまくいくと思うOK:http://dl.dropbox.com/u/169269/cloud .html –

+0

ありがとう、それは動作します!だから、クローズドコーナーやラプラのバグを含むSVGアニメーションのバグだね! – Bakaburg