Javascript 如何通过js重新触发animationTransform?

Javascript 如何通过js重新触发animationTransform?,javascript,html,css,svg,Javascript,Html,Css,Svg,这里我使用的是firefox的SMIL动画。我的问题是动画在页面加载时触发。我需要通过JS动态启动动画。我认为问题来自于begin属性。那么,我该怎么做呢?。下面我附上我的代码供您参考 谢谢 HTML 图表\u增加攻击 用草图创建。 2018年袭击事件增加 勒索软件 攻击 鱼叉式网络钓鱼 攻击 欺骗/ BEC攻击 350% 250% 70% 为了重新触发动画,必须使用beginElement方法。在代码中,我做了一些更改: 第一个animateTransform的id=a 第二个animate

这里我使用的是firefox的SMIL动画。我的问题是动画在页面加载时触发。我需要通过JS动态启动动画。我认为问题来自于begin属性。那么,我该怎么做呢?。下面我附上我的代码供您参考

谢谢

HTML

图表\u增加攻击 用草图创建。 2018年袭击事件增加 勒索软件 攻击 鱼叉式网络钓鱼 攻击 欺骗/ BEC攻击 350% 250% 70%
为了重新触发动画,必须使用beginElement方法。在代码中,我做了一些更改:

第一个animateTransform的id=a 第二个animateTransform的id为b,并在a动画结束时开始:begin=a.end 当b动画结束时,第三个animateTransform开始:begin=b.end

我希望有帮助。 svg.addEventListenerclick,=>{ a、 开始 } 图表\u增加攻击 用草图创建。 2018年袭击事件增加 勒索软件 攻击 鱼叉式网络钓鱼 攻击 欺骗/ BEC攻击 350% 250% 70%
可以调用beginElement来触发动画

我已经将其他动画链接到第一个要启动的动画,所以它们仍然可以工作

触发 图表\u增加攻击 用草图创建。 2018年袭击事件增加 勒索软件 攻击 鱼叉式网络钓鱼 攻击 欺骗/ BEC攻击 350% 250% 70%
@罗伯特朗森,代码运行良好。我想重新触发相同的动画。当用户滚动页面时。我的问题是如何重新触发这个动画。是的。我的错误。抱歉,正在更新问题。