SVGAnimatedTransformList.baseVal Property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

The baseVal read-only property of the SVGAnimatedTransformList interface represents the non-animated value of the transform attribute of an SVG element.

This property reflects the SVG element's transform, the <linearGradient> or <radialGradient> element's gradientTransform attribute, or the <pattern> element's patternTransform attribute value as a readonly SVGTransformList, providing access to a static SVGTransform for each transform function set on the SVG element.

Value

An SVGTransformList object that represents the current, non-animated value of the transform attribute.

Examples

js
// Get the rectangle element
const rect = document.querySelector("rect");

// Access the non-animated transform list of the element
const baseTransforms = rect.transform.baseVal;

// Log the base transforms to the console
console.dir(baseTransforms);

Specifications

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGAnimatedTransformList__baseVal

Browser compatibility

BCD tables only load in the browser

See also