Изящно приостановить или возобновить SVG-анимацию, используя Rum или Reagent в ClojureScript

Question

Как приостановить работающую SVG-анимацию, используя <animateTransform> элемент внутри SVG без потери состояния анимации?

настройка animation-play-state: paused; ни на элемент анимации, ни на родительский элемент не влияет. Изменение repeatCount от indefinite в 0теряет состояние анимации.

Answer 1

Довольно поздно, но вот как это сделать в ванильном javascript: https://codepen.io/jjdewitt/pen/XJRqNK?editors=1010

Вам нужно позвонить yourSvgElement.pauseAnimations(); на элементе SVG