Referenz:SVG/Attribute/accumulate

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Attribut accumulate
Beschreibung legt fest, ob Werte vom Ursprungswert oder vom Ergebnis der vorherigen Animation ausgehen
erlaubte Werte

none (ersetzt den Urspungswert)
sum (baut auf der vorherigen Animation auf)

default-Wert none
animierbar nein
anwendbar auf animate, animateMotion, animateTransform (Unterschied Tag Element Attribut)
Browsersupport
  • Chrome
  • Firefox
  • Leer
  • Opera
  • Safari
Spezifikation W3c logo klein.gif accumulate attribute
Beispiel
<circle cx="100" cy="190" r="40" fill="red">
    <animate attributeName="cx" 
             begin="0" dur="1s" by="100" 
             repeatCount="3"
             accumulate="sum"
             fill="freeze" />
</circle>

Der Kreis verschiebt sich pro Durchlauf um 100px nach rechts.

Beachten Sie
Tipp