css - SVG 动画 keySplines 和 keyTimes 不起作用

Question

我在使用 keySplines 和 keyTimes 运行 svg 动画时遇到了问题。如果我删除 keyTimes 和 keySplines 动画运行得很好。如果我把它们加回去，动画就不会运行。我在 Chrome/Safari/Firefox 中遇到了同样的问题，所以我认为这不是浏览器问题。

<animate attributeName="d" attributeType="XML" fill="freeze" begin="indefinite" end="indefinite" 
dur="17000ms" values="M190.5,685.5l90,20l-50,60l-40-40l0,0V685.5z;M190.5,685.5l50,20l-70,50l20-30l0,0V685.5z" 
keySplines="0.5, 0, 0.5, 1; 0.5, 0, 0.5, 1" keyTimes="0; 1" calcMode="spline"></animate>

Answer 1

必须少一组keysplines控制点比有'keyTimes'

如果“keySplines”规范中存在任何错误(错误的值、过多或过少的值)，则文档片段有误。

你有相同的号码，所以这就是发生的事情。