SVGAnimatedTransformList.animVal Eigenschaft

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.

Die animVal-Eigenschaft der SVGAnimatedTransformList-Schnittstelle stellt den animierten Wert des transform-Attributs eines SVG-Elements dar.

Diese Eigenschaft spiegelt das SVG-Element-transform, das <linearGradient>- oder <radialGradient>-Element-gradientTransform-Attribut oder das <pattern>-Element-patternTransform-Attribut als eine nur lesbare SVGTransformList wider, die Zugriff auf das dynamisch aktualisierte SVGTransform für jede Transformationsfunktion während einer Animation bietet. Wenn keine Animation aktiv ist, gibt diese Eigenschaft denselben Wert wie baseVal zurück.

Wert

Ein SVGTransformList-Objekt, das den aktuellen animierten Wert des transform-Attributs widerspiegelt.

Beispiele

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

// Access the animated transform list (if any)
const animTransforms = rect.transform.animVal;

// Log the animated transforms to the console
console.dir(animTransforms);

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGAnimatedTransformList__animVal

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch