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