from
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since â¨Januar 2020â©.
Das Attribut from gibt den Anfangswert des Attributs an, das während der Animation geändert wird.
Wenn es mit dem to-Attribut verwendet wird, ändert die Animation das modifizierte Attribut vom from-Wert zum to-Wert. Wenn es mit dem by-Attribut verwendet wird, ändert die Animation das Attribut relativ vom from-Wert um den im by angegebenen Wert.
Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:
Beispiel
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<rect x="10" y="10" height="100">
<animate attributeName="width" fill="freeze" from="100" to="150" dur="3s" />
</rect>
</svg>
Nutzungshinweise
| Wert | Siehe unten |
|---|---|
| Standardwert | Keiner |
| Animierbar | Nein |
Der genaue Wertetyp für dieses Attribut hängt vom Wert des Attributs ab, das animiert werden soll.
Wenn eine Liste von Werten über das values-Attribut definiert wird, wird das from-Attribut ignoriert.
Spezifikationen
| Specification |
|---|
| SVG Animations Level 2 # FromAttribute |