我在使用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>

最佳答案

keysplines控制点的数量必须少于“ keyTimes”的数量

如果“ keySplines”规范中有任何错误(错误的值,太多或太少的值),则说明文档片段有误。

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

07-28 07:49