animation - 在 ClojureScript 中使用 Rum 或 Reagent 优雅地暂停或恢复 SVG 动画

Question

如何<animateTransform>在不丢失动画状态的情况下使用 SVG 中的元素暂停正在运行的 SVG 动画？

在动画元素或父元素上设置animation-play-state: paused;无效。将 repeatCount 从 更改indefinite为0，会丢失动画状态。

Answer 1

有点晚了，但这里是如何在香草 javascript 中做到这一点：https ://codepen.io/jjdewitt/pen/XJRqNK?editors=1010

您需要调用yourSvgElement.pauseAnimations();SVG 元素