Geek Answers Handbook

SVG Elements Will Not Animate When Added Dynamically

I am trying to achieve animate SVG elements by adding dynamic DOMs for my animation using jQuery. I am creating a DOM with JS, so there are no elements on this HTML page for this animation. When I add it dynamically, the animation does not start in Chrome (16), however it works with FF (8)

The animation would be perfect - I remove the dynamic doms that are generated using JS and put them in the HTML page.

I created a fiddle for her at: http://jsfiddle.net/cjP6K/7/

where I put one svg dom static in an HTML page, then I cloned this element from jQuery to a finished document, In this scene, which was added later with JS, there will be no Animation at all !! (this works with FF)

Please, help...

Thanks Chetan.

+1
html5 html5-animation svg
source share
1 answer

There is a chrome error in the animateMotion tag, this has been a problem for a long time.

refer to the bug report here http://code.google.com/p/chromium/issues/detail?id=13585

There is not only much that can be done to get around it in chrome while maintaining svg dom.

Hope this helps.

+4
source share

More articles:


All Articles