SVG animation 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'사양에 오류 (너무 많거나 너무 적은 값 잘못된 값)이있는 경우, . 서 조각에 오류가 있습니다.

귀하는 동일한 번호를 사용하므로 어떤 문제가 발생합니다.