html - SVG 要素が動的に追加されるとアニメーション化されない

Question

jQueryを使用してアニメーションに動的DOMを追加しながら、SVG要素のアニメーションを実現しようとしています。JS で DOM を生成するので、HTML ページにはこのアニメーションの要素はありません。動的に追加すると、Chrome(16) ではアニメーションが開始されませんが、FF(8) では動作します

JS で生成された動的な DOM を削除し、HTML ページに静的に配置することで、アニメーションは完璧になります。

私はそれのためにフィドルを作成しました: http://jsfiddle.net/cjP6K/7/

ここで、1 つの svg dom static を HTML ページに配置し、ドキュメントの準備が整った状態で jQuery を使用してその要素を複製しました。このシーンでは、後で JS で追加されたものはまったくアニメーション化されません!!(これは FF で動作します)

助けてください...

ありがとう、チェタン。

Answer 1

animateMotionタグにクロムのバグがあります。これは長年の問題です。

こちらのバグレポートを参照してくださいhttp://code.google.com/p/chromium/issues/detail?id=13585

svg domを維持しながら、Chromeでそれを回避するためにできることはあまりありません。

お役に立てれば..