to

to 属性表示动画期间要修改的属性的最终值。

属性的值将在 from 属性值和此值之间更改。

您可以将此属性与以下 SVG 元素一起使用

示例

html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <rect x="10" y="10" width="100" height="100">
    <animate
      attributeType="XML"
      attributeName="width"
      fill="freeze"
      from="100"
      to="150"
      dur="3s" />
  </rect>
</svg>

animate, animateMotion, animateTransform

对于 <animate>、<animateMotion> 和 <animateTransform>，to 指定动画的结束值。

值 <value>
默认值 无
可动画 否

此属性的确切值类型取决于将要动画化的属性的值。

如果通过 values 属性定义了值列表，则会忽略 to 属性。

set

对于 <set> 元素，to 指定元素持续时间内属性的值。

值 <value>
默认值 无
可动画 否

此属性的确切值类型取决于将要动画化的属性的值。

规范

规范
SVG 动画级别 2
# SetElementToAttribute
SVG 动画级别 2
# ToAttribute