为什么这个SVG动画不起作用

Question

我有一个L形<path>元素,我尝试<animate>它的d属性,使它成长顺利:http: //jsfiddle.net/Mathiasa/be5HS

我之前用S形试过它并且它起作用:http: //jsfiddle.net/Mathiasa/bq9dt/

为什么L形不像S形那样变焦 - 我使用相同的方法？

Answer 1

路径必须包含相同的段类型才能具有非离散动画.您的路径以末尾的L,L,z路径段结束,而其他路径以V,L,z结束

我已经更正了你的例子,所有路径都以L,V,z结尾:http://jsfiddle.net/longsonr/4UaQj/