我尝试实现 SVG 元素的动画，同时使用 jQuery 为其动画添加动态 DOM。 我用 JS 生成 DOM，因此 HTML 页面没有任何用于此动画的元素。 当我动态添加它时，动画不会在 Chrome(16) 中启动，但它可以在 FF(8) 中运行
如果我删除用 JS 生成的动态 dom，并将它们静态放入 HTML 页面中，动画就完美了。
我已经为它创建了 fiddle :http://jsfiddle.net/cjP6K/7/
我已经将一个 svg dom static 放入 HTML 页面中，然后我在文档准备好时使用 jQuery 克隆了该元素， 在这个场景中，后来用JS添加的那个根本不会动画!!(这适用于FF)
请帮忙...
谢谢， 切坦。
最佳答案
animateMotion 标签中存在一个 chrome 错误，这个问题已经存在很长时间了..
请参阅此处的错误报告 http://code.google.com/p/chromium/issues/detail?id=13585
在 chrome 中，没有什么办法可以绕过它，同时仍然保持 svg dom..
希望这有帮助..
关于html - 动态添加时，SVG 元素不会动画，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8520493/