円の「ブラシ」[Photoshopのデフォルトブラシと考えてください]を使用して、画像が表示されるパス上を円が移動する場所で、キャンバス上に画像をアニメーション化しようとしています。
画像はベクター ファイルではなく、ビットマップになります。ブラシには、画像の「ペイント」を表示する以外の追加の詳細はありません
追加の明確化として、円ブラシは自動的に移動し、ユーザーはブラシを動かしません。パスに沿ってアニメーション化されているだけです。
Raphael でこれがどのように行われるか、非常に興味があります。
前もって感謝します！
そのようなことを達成したい場合は、 を使用することを検討してくださいCanvas。以来Raphael、専用のライブラリSVGです。非 SVG 画像を使用できますが、多くの制限に直面することになります。
一方、Canvas はピクセル指向なので、やろうとしていることはより簡単になります。
RaphaelSVG作成する要素は DOM 内のノードであり、それらをイベントに簡単にバインドできるため、ユーザー インタラクションに関しては優れています。
それでも でそのようなことを達成したい場合はRaphael、Raphael のメソッドを少し掘り下げる必要があります。誰かがプロセス全体を説明するのは難しいです。試してみて、より具体的な問題について質問することをお勧めします。
Raphael のドキュメンテーションとは別に、誇張されたほどカラフルですが、いくつかの実用的な例がある便利なサイトをお勧めします。
Raphaleいずれにせよ、 over Canvas!の使用を再考する必要があると思います。
それが役立つことを願っています!!