如何以编程方式启动svg过滤器动画

Question

我在html页面的svg片段的defs部分中构建了一个小的发光过滤器。该过滤器内部有一个动画，使得过滤器慢慢消失。

现在我将该过滤器分配给某个svg元素，比方说，一个矩形。到目前为止这么好，效果很好。

问题，动画立即启动，但我想控制，当它启动时，就像我在javascript中调用特定函数一样。

现在我想，我将动画的开头设置为“无限期”，然后在动画上调用beginElement（）。但是我如何访问过滤器中的动画dom元素，该元素通过url（“＃myFilterID”）分配给我的svg矩形？

Answer 1

给它一个id属性，然后调用document.getElementById来检索它可能是最简单的。