Pause/resume Svg Animation On Android Webview

I want to pause/resume SVG animation on Android WebView using JavaScript. tried on jsfiddle but not working either http://jsfiddle.net/ysbo5zdw/1/ /assets/svg/trial.html

Solution 1:

I would suggest you put

the animation start/stop functionality in different css classes:

svg.animation-on * {
    animation-iteration-count: infinite;
}

svg.animation-off * {
    animation-iteration-count: 0;
}

remove any other animation-iteration-count settings from existing stylesheet

Use javascript to set the appropriate class animation-on or animation off to the top level <svg> node

Share