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

Question

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

任何帮助都会很棒，

谢谢！

Answer 1

您可以使用

beginElement()手动启动动画的功能。

为此，您必须将元素的begin属性设置为animateindefinite

一个简单的例子就像

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

你也可以利用beginElementAt()

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

旁注：不能更准确，因为您没有共享太多信息或代码示例，并且不确定您所说的“作弊”是什么意思