SVG/Attribut/end

Das end-Attribut legt das Ende einer SMIL-Animation fest.

Erlaubte Werte

• offset-value : Zeitangabe
• syncbase-value : wird in Abhängigkeit einer anderen Animation (Referenz durch id) ausgelöst oder beendet.
• event-value: die Animation wird durch Anwenderereignisse gesteuert, z.B.:
  • focusin: Element erhält den Fokus
  • focusout: Element verliert den Fokus
  • activate: Element wird aktiviert (z.B. durch eine Tastatureingabe)
  • click: Element wird geklickt (hier werden ebenfalls die Ereignisse mousedown und mouseup ausgelöst)
  • mousedown: Maustaste gedrückt, während sich der Mauszeiger zum Zeitpunkt des Klickens über dem Element befand
  • mouseup: gedrückte Maustaste wird wieder losgelassen (wird immer in Verbindung mit mousedown ausgelöst)
  • mouseover: sich der Mauszeiger über dem Element befindet
  • mousemove: der Mauszeiger über dem Element bewegt wird
  • mouseout: der Mauszeiger das Element wieder verlässt
• indefinite: unendlich, wird immer wieder wiederholt.

Standardwert

none

anwendbar auf

animate, animateMotion

Präsentationsattribut

nein

mit CSS animierbar

nein

Beispiel

<rect id="quadrat" x="35" y="60" height="15" width="0">
  attributeName="width"
  to="75"
  begin="quadrat.click+2s"
  end="6s"
  fill="freeze" />
</rect>

Die Animation beginnt 2 Sekunden, nachdem das Element mit der id quadrat geklickt wurde. Sie endet 6 Sekunden danach.

Siehe auch

• SMIL#Zeiten_setzen

Weblinks

• Spezifikation (W3C): Timing attributes
• MDN end