SVGAnimatedTransformList.animVal 属性

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来，各浏览器均已提供此特性。

animVal 是 SVGAnimatedTransformList 接口的一个只读属性，它表示 SVG 元素的 transform 属性的动画值。

此属性反映了 SVG 元素的 transform 属性、<linearGradient> 或 <radialGradient> 元素的 gradientTransform 属性，或者 <pattern> 元素的 patternTransform 属性，其形式为一个只读的 SVGTransformList，在动画期间提供对每个变换函数动态更新的 SVGTransform 的访问。如果没有活动动画，此属性将返回与 baseVal 相同的值。

值

一个 SVGTransformList 对象，反映了 transform 属性的当前动画值。

示例

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

规范

规范
Scalable Vector Graphics (SVG) 2 # __svg__SVGAnimatedTransformList__animVal

浏览器兼容性

另见

帮助改进 MDN

了解如何贡献

本页面最后修改于 ⁨2024年12月6日⁩，由 MDN 贡献者编辑。

在 GitHub 上查看此页面 • 报告此内容的笔误