SMIL Animate SVG＆＃34; to＆＃34;值

Question

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

http://codepen.io/corysimmons/pen/RNmNQE

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

Answer 1

使用属性fill =＆＃34;冻结＆＃34;

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;