如何在滚动时触发SVG动画？

Question

所以我终于破解了SVG动画（完全是通过作弊），就像大多数使用它们的网站一样，如果它们在页面的中间自动开始并且你错过它，那么如何触发它滚动到该div容器的动画？

任何帮助都会很棒，

谢谢！

Answer 1

您可以使用

beginElement()可以手动启动动画。

要使其生效，您必须将begin元素的animate属性设置为indefinite

一个简单的例子就像是

window.onscroll = function(){
  var anime= document.getElementsByTagName('animate')[0];
  // check for the amount of scroll
  anime.beginElement();
}

您还可以使用beginElementAt()

详细了解svg Animation Timing Control

旁注：由于您没有共享太多信息或代码示例，并且不确定“欺骗”是什么意思

，因此无法更准确