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

【问题标题】：Why is this SVG animation not working为什么这个 SVG 动画不起作用
【发布时间】：2012-06-02 19:47:45
【问题描述】：

我有一个 L 形的<path> 元素，我尝试使用<animate> 的d 属性使其顺利增长： http://jsfiddle.net/Mathiasa/be5HS

我之前用 S 形试过它，它有效： http://jsfiddle.net/Mathiasa/bq9dt/

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

【问题讨论】：

【解决方案1】：

路径必须包含相同的段类型才能具有非离散动画。您的 to 路径以 L、L、z 路径段结尾，而其他路径以 V、L、z 结尾

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

【讨论】：