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

时间:2012-05-28 12:31:41

标签: animation path svg smil

我有一个L形<path>元素,我尝试<animate>d属性,以使其平滑增长: http://jsfiddle.net/Mathiasa/be5HS

我以前用S形试过它并且它有效: http://jsfiddle.net/Mathiasa/bq9dt/

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

1 个答案:

答案 0 :(得分:5)

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

我已更正您的示例,以便所有路径都以L,V,z结尾:http://jsfiddle.net/longsonr/4UaQj/