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

Question

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

现在我将该过滤器分配给某个svg元素，比方说一个矩形。迄今为止这么好，工作很好。

问题，动画马上开始，但我想控制，当它开始时，就像我在JavaScript中调用特定的函数。

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

Answer 1

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