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"
我正在尝试学习和玩一些基本的 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"