別のパスがホバーされたときにアニメーション化するラファエル パスのセットがあります。
クライアントは、私が Raphael コードに変換した SVG イラストを送ってくれました。これは、大きな画像のほんの一部です。
私がやろうとしていることは次のとおりです。
行内の一連のパス オブジェクトから始めます。赤いパスにカーソルを合わせると、形成されるまでらせん状にアニメーション化されます
私はいくつかの調査を行いましたが、最終的ならせん形状に到達するために移動する必要がある円弧を表す隠しパスに沿って各円をアニメーション化する必要があると思います (パスに沿ってアニメーション化する)が、私は 'これがこのアニメーションを作成する最も効率的な方法かどうかはわかりません。
その上、円がたどる隠されたパスの角度とサイズを計算する方法がよくわかりません。このアニメーションを作成する最良の方法は何ですか?
ありがとう！