from
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Januar 2020 browserübergreifend verfügbar.
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
| Spezifikation |
|---|
| SVG Animations Level 2 # FromAttribute |