by
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 by-Attribut gibt einen relativen Versatzwert für ein Attribut an, das während einer Animation modifiziert wird.
Der Startwert für das Attribut wird entweder durch die Angabe als Wert für das im attributeName oder from-Attribut angegebene Attribut angegeben.
Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:
Beispiel
html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<rect x="10" y="10" width="100" height="100">
<animate attributeName="width" fill="freeze" by="50" 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 ist, wird das by-Attribut ignoriert.
Spezifikationen
| Spezifikation |
|---|
| SVG Animations Level 2 # ByAttribute |