2011-12-15 37 views
1

SVG要素のアニメーションを達成するために、jQueryでアニメーションに動的DOMを追加しようとしました。 JSでDOMを生成するので、HTMLページにはこのアニメーションの要素がありません。 動的に追加すると、アニメーションはChrome(16)で始まりませんが、FF(8)で動作しますSVG要素は動的に追加されたときにアニメートされません。

JSで生成されたダイナミックなドムを削除し、ページ。

私がそれのためのフィドルを作成している

:私はHTMLページに静的なもののSVG DOM、その後、私は準備ができて、文書にjQueryを使ってその要素をクローニングし、このシーンで 、だったものを入れているhttp://jsfiddle.net/cjP6K/7/

JSを後で追加すること!!すべてでアニメーション化しません(これはFFで動作します)

...

おかげで、 チェタンを助けてください。

答えて

4

animateMotionタグにおけるクロムバグがあり、それは

がここにバグレポート http://code.google.com/p/chromium/issues/detail?id=13585

を参照してください。..年齢のための課題となっている周りを取得するためにできることはそれほどありませんそれ

+0

私はSVG(のみ)の要素を作成した場合、私はそのようなクロームの可能性のある別のバグを発見した、ということに注意すること。これが役立ちます

・ホープ..まだSVGのDOMを維持しつつ、クロームでJSで飛ぶ、それはアニメではないもしも、svgがJS上でJS上に作成されていれば、それはうまくいくでしょう! http://jsfiddle.net/AFaae/1/、working:http://jsfiddle.net/tap0ri/mBXKA/1/ – Chetan

+0

私はまた、フィルタを使うときにsvgを動的に追加する問題もありました!あなたのcssとインライン(もしあれば)からフィルタを削除し、それが違いを生むかどうかを確認してみてください。 – RGB

+0

私はこのページでどんなCSSも使っていません – Chetan

関連する問題