SVG动画keySplines和keyTimes不起作用

时间:2014-11-11 22:27:23

标签: css svg

我无法使用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>

1 个答案:

答案 0 :(得分:4)

与{keyTimes'

相比,必须少一组keysplines个控制点

如果'keySplines'规范中存在任何错误(错误值,值太多或太少),则文档片段出错。

你有相同的号码,以便发生什么。