Referenz:SVG/Attribute/additive

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

sum: der zu setzende Wert wird zum Ursprungswert addiert
replace: der Ursprungswert wird durch den neuen Wert ersetzt

default-Wert replace
animierbar nein
anwendbar auf animate, animateMotion, animateTransform (Unterschied Tag Element Attribut)
Browsersupport
  • Chrome
  • Firefox
  • Leer
  • Opera
  • Safari
Spezifikation W3c logo klein.gif additive attribute
Beispiel
<circle cx="500" cy="100" r="50" fill="#5a9900">
  <animate 
    attributeName="r" 
    begin="1s" dur="2s" from="0" to="50"
    additive="sum"
    fill="freeze"/>
</circle>

Der Radius wird immer größer.

Beachten Sie
Tipp