values

The values attribute has different meanings, depending upon the context where itʼs used, either it defines a sequence of values used over the course of an animation, or itʼs a list of numbers for a color matrix, which is interpreted differently depending on the type of color change to be performed.

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

animate, animateColor, animateMotion, animateTransform

For <animate>, <animateColor>, <animateMotion>, and <animateTransform>, values is a list of values defining the sequence of values over the course of the animation. If this attribute is specified, any from, to, and by attribute values set on the element are ignored.

Value <list-of-values>
Default value None
Animatable No
<list-of-values>
The value holds a semicolon-separated list of one or more values. The type of the values is defined by the href and attributeName attributes.

feColorMatrix

For the <feColorMatrix> element, values is a list of numbers interpreted differently depending on the value of the type attribute.

Value <list-of-numbers>
Default value If type="matrix", identity matrix,
if type="saturate", 1, resulting in identity matrix,
if type="hueRotate", 0, resulting in identity matrix
Animatable Yes
<list-of-numbers>

The value is a list of numbers, which is interpreted differently depending on the value of the type attribute:

  • For type="matrix", values is a list of 20 matrix values (a00 a01 a02 a03 a04 a10 a11 ... a34), separated by whitespace and/or a comma.
  • For type="saturate", values is a single real number value (0 to 1).
  • For type="hueRotate", values is a single one real number value (degrees).
  • For type="luminanceToAlpha", values is not applicable.

Specifications

Specification Status Comment
Filter Effects Module Level 1
The definition of 'values for <feColorMatrix>' in that specification.
Working Draft No change
SVG Animations Level 2
The definition of 'values for <animate>, <animateColor>, <animateMotion>, and <animateTransform>' in that specification.
Editor's Draft No change
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
The definition of 'values for <feColorMatrix>' in that specification.
Recommendation Initial definition for <feColorMatrix>
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
The definition of 'values for <animate>, <animateColor>, <animateMotion>, and <animateTransform>' in that specification.
Recommendation Initial definition for <animate>, <animateColor>, <animateMotion>, and <animateTransform>