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

按键线控制点的数量必须少于“ keyTimes”的数量

如果'keySplines'规范中有任何错误（错误值，太多或太少的值），则文档片段有误。

您拥有相同的号码，这样便会发生。