Referenz:SVG/Attribute/fill (Animation)

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Attribut fill
Beschreibung legt fest, wie das Objekt nach Ablauf der Animation dargestellt werden soll:
erlaubte Werte
  • remove: Objekt wird in den Ursprungszustand versetzt
  • freeze: Ende der Animation wird dargestellt
default-Wert remove
animierbar nein
anwendbar auf animate, animateMotion (Unterschied Tag Element Attribut)
Browsersupport
  • Chrome
  • Firefox
  • Edge
  • Opera
  • Safari
Spezifikation W3c logo klein.gif Timing attributes
Beispiel
<rect x="35" y="60" height="15" width="0">
  attributeName="width"
  to="75"
  dur="6s"
  begin="2s"
  fill="freeze" />
</rect>

Am Ende der Animation bleibt die Breite auf dem Endwert von 75 stehen, anstatt zum Ausgangswert zurückzukehren.

Beachten Sie
Tipp