在视口中时如何触发SVG动画？

Question

我的网站上有一个SVG动画，它位于页面中心，当重新加载页面时，它会自动绘制SVG，那么当它在视口中时如何触发它？

Answer 1

如果要使用香草JS创建功能

i

};

然后像

一样使用它

var isInViewport = function (elem) {
var bounding = elem.getBoundingClientRect();
return (
    bounding.top >= 0 &&
    bounding.left >= 0 &&
    bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
    bounding.right <= (window.innerWidth || document.documentElement.clientWidth)
);