Dynamic animation in IE9 : how to stop them

Asked by Nathaire on 2014-01-09

I encounter the same problem that question https://answers.launchpad.net/smil/+question/203333 solved using dynamically created animation in SVG.

After using the given script function "registerAnimation", the animation are working in IE (I'm using IE 11).

My problem is that I have to be able to start/stop animation dynamically. On Chrome and Firefox, I simply remove the animate Tag from the DOM and it works, but in IE it doesn't work. I suppose that it is related to the use of the "registerAnimation" function.

Is there a way that I can use to "unregister" a previously registered animation ?

see JsFiddle here: http://jsfiddle.net/jLhsb/25/
Comment regarding the JsFiddle: clicking on the red box will stop/start the animation of the first black box (works on Chrome, not on IE11)

Question information

Language:
English Edit question
Status:
Answered
For:
FakeSmile Edit question
Assignee:
No assignee Edit question
Last query:
2014-01-09
Last reply:
2014-01-24
Fenring (leunen-d) said : #1

You can stop the animation by calling endElement() on the animation.

http://www.w3.org/TR/SVG/animate.html#__smil__ElementTimeControl__endElement

Can you help with this problem?

Provide an answer of your own, or ask Nathaire for more information if necessary.

To post a message you must log in.