2011-12-15 133 views
1

我嘗試使用jQuery爲其動畫添加動態DOM時實現SVG元素的動畫。 我使用JS生成DOM,因此HTML頁面沒有此動畫的任何元素。 動態添加動畫時,動畫無法在Chrome(16)中啓動,但它與FF(8)配合使用當動態添加動畫時,SVG元素不會動畫

動畫完美的是我刪除了使用JS生成的動態doms,並將它們靜態化爲HTML頁。

我在創建搗鼓它:http://jsfiddle.net/cjP6K/7/

,我已經把一個SVG DOM靜態到HTML頁面,然後我克隆了該元素與jQuery的文件準備, 在這個場景中,其中一個是後來與JS加在所有!!不會動畫(這一點也適用FF)

請幫助...

感謝, 扯談。

回答

4

有一個在animateMotion標籤Chrome錯誤,它一直是年齡的問題..

是指這裏的bug報告http://code.google.com/p/chromium/issues/detail?id=13585

沒有太多可以做來解決它在Chrome中,同時仍保持了一個SVG DOM ..

希望這有助於..

+0

需要注意的是,我發現可能對鉻的另一個bug,它的樣子,如果我創建SVG(僅)元素與JS飛行,它不會動搖吃了,事實上,也有問題,如果這個SVG是與JS上的文件準備就緒,它會工作!我創建了非工作小提琴:http://jsfiddle.net/AFaae/1/,工作:http://jsfiddle.net/tap0ri/mBXKA/1/ – Chetan 2011-12-18 04:56:14