accumulate

You’re reading the English version of this content since no translation exists yet for this locale. Help us translate this article!

The accumulate attribute controls whether or not an animation is cumulative.

It is frequently useful for repeated animations to build upon the previous results, accumulating with each iteration. This attribute said to the animation if the value is added to the previous animated attribute's value on each iteration.

Four elements are using this attribute: <animate>, <animateColor>, <animateMotion>, and <animateTransform>

Usage notes

Value none | sum
Default value none
Animatable No
sum
Specifies that each repeat iteration after the first builds upon the last value of the previous iteration.
none
Specifies that repeat iterations are not cumulative.

This attribute is ignored if the target attribute value does not support addition, or if the animation element does not repeat.

This attribute will be ignored if the animation function is specified with only the to attribute.

Specifications

Specification Status Comment
SVG Animations Level 2
The definition of 'accumulate' in that specification.
Editor's Draft No change
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
The definition of 'accumulate' in that specification.
Recommendation Initial definition

See also