SVG .end 事件不起作用？答案

【问题标题】：SVG .end event not working?SVG .end 事件不起作用？
【发布时间】：2015-10-22 07:48:37
【问题描述】：

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

谢谢

【问题讨论】：

【解决方案1】：

我还不知道这一点，但显然你不能在 SVG <animate> 元素的 ID 中使用连字符。掌心

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

【讨论】：

【解决方案2】：

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

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

begin="circ\-anim.end"

【讨论】：