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

Question

因此，我终于破解了SVG动画（完全通过作弊），并且像大多数使用它们的网站一样，如果它们位于页面的中途，它们会自动开始并且您会错过它，因此，如何在滚动到该div时触发动画容器？

任何帮助都会很棒，

谢谢！

Answer 1

您可以使用

beginElement()函数可手动启动动画。

为此，您必须将animate元素的begin属性animate为indefinite

一个简单的例子就是

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

您还可以利用beginElementAt()

阅读有关svg动画定时控制的更多信息

旁注：由于您没有共享太多信息或代码示例，并且不确定“作弊”的含义，因此无法更准确