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 July 2015.

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

// 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);