2011-12-15 141 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