to

Das to Attribut gibt den Endwert des Attributs an, das während der Animation geändert wird.

Der Wert des Attributs ändert sich zwischen dem Wert des from Attributs und diesem Wert.

Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:

Beispiel

html,
body,
svg {
  height: 100%;
}

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

Für <animate>, <animateMotion> und <animateTransform> gibt to den Endwert der Animation an.

Wert	`<value>`
Standardwert	None
Animierbar	No

Der genaue Werttyp für dieses Attribut hängt vom Wert des Attributs ab, das animiert wird.

Wenn eine Liste von Werten über das values Attribut definiert wird, wird das to Attribut ignoriert.

set

Für das <set> Element gibt to den Wert für das Attribut während der Dauer des Elements an.

Wert	`<value>`
Standardwert	None
Animierbar	No

Der genaue Werttyp für dieses Attribut hängt vom Wert des Attributs ab, das animiert wird.

Spezifikationen

Specification
SVG Animations Level 2 # SetElementToAttribute
SVG Animations Level 2 # ToAttribute