SMIL Animate SVG“到”值

【问题标题】：SMIL Animate SVG "to" valueSMIL Animate SVG“到”值
【发布时间】：2015-06-09 18:03:19
【问题描述】：

我正在尝试将此 SVG 矩形设置为以宽度 100 结束，但由于某种原因，它一直重置为原始值。救命！

<svg>
  <rect height="100" width="10">
    <animate attributeName="width" values="10;100" dur="3s" />
  </rect>
</svg>

【问题讨论】：

【解决方案1】：

使用属性fill="freeze"

<svg>
  <rect height="100" width="10">
    <animate fill="freeze" attributeName="width" from="10" to="100" dur="3s" />
  </rect>
</svg>

【讨论】：