SVG .end 事件不起作用?

SVG .end event not working?

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

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

谢谢

我还不知道这一点,但显然您不能在 SVG <animate> 元素的 ID 中使用连字符。 捂脸

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

如果你打算将它与 animate 一起使用,那么在 id 中使用 - 不是一个好主意,因为它假定你正在开始一个时间偏移,例如 id-5s

如果你真的必须这样做,你可以这样做,但你必须避开它们,即

begin="circ\-anim.end"