SVG .end事件不起作用？

Question

我正在尝试学习并使用一些基本的SVG动画。我正在浏览tutorial/guide on CSS-Tricks，并注意到.end事件在Chrome和Safari中无效。是什么赋予了？这是不支持还是错误？对于一件简单的事情来说，似乎很愚蠢。或者这可能是Codepen的错误？

Codepen示例 - http://codepen.io/jaminroe/pen/xGQvEE/?editors=110

由于

Answer 1

如果你要将它与动画一起使用，那么在id中使用它并不是一个好主意，因为它假设你正在开始时间偏移，例如id-5s

你可以做，如果你真的必须，但你必须逃避它们，即

begin="circ\-anim.end"

Answer 2

我还不知道，但显然你不能在SVG <animate>元素的ID中使用连字符。 捂脸

我将ID从circ-anim更改为circAnim。