如何在滾動時觸發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動畫定時控制的更多信息

旁注：由於您沒有共享太多信息或代碼示例，並且不確定“作弊”的含義，因此無法更准確