动态添加时,SVG元素不会动画

时间:2011-12-15 12:59:30

标签: html5 svg html5-animation

我尝试使用jQuery为其动画添加动态DOM时尝试实现SVG元素的动画。 我使用JS生成DOM,因此HTML页面没有此动画的任何元素。 当我动态添加动画时,动画不会在Chrome(16)中启动,但它适用于FF(8)

动画是完美的,我删除了用JS生成的动态doms,并将它们静态放入HTML页面。

我在http://jsfiddle.net/cjP6K/7/

创建了小提琴

我已经将一个svg dom static放入HTML页面,然后我在文档就绪时使用jQuery克隆了该元素, 在这个场景中,稍后用JS添加的那个将不会是Animate !!(这适用于FF)

请帮忙......

谢谢, 阿赫亚。

1 个答案:

答案 0 :(得分:4)

animateMotion标记中存在一个chrome bug,它已经存在很长时间了。

请参阅此处的错误报告http://code.google.com/p/chromium/issues/detail?id=13585

在保持svg dom的同时,没有太多可以用铬来解决它..

希望这会有所帮助..