SVGAnimatedRect: baseVal 属性

Baseline 已广泛支持

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

SVGAnimatedRect 接口的只读属性 baseVal 表示 SVG 元素的 viewBox 属性的当前非动画值。

此属性反映了 SVG 元素的 viewBox 属性值,形式为一个只读的 DOMRect 对象。它提供了对 viewBox 属性定义的静态矩形的访问,包括 xywidthheight 值。

一个表示 viewBox 属性当前非动画值的 DOMRect 对象。

示例

html
<svg viewBox="0 0 200 100" id="mySvg">
  <rect width="100" height="100" fill="blue" />
</svg>
js
const svgElement = document.getElementById("mySvg");
const animatedRect = svgElement.viewBox.baseVal;

// Access the non-animated base value
console.log(animatedRect.x); // 0
console.log(animatedRect.y); // 0
console.log(animatedRect.width); // 200
console.log(animatedRect.height); // 100

规范

规范
Scalable Vector Graphics (SVG) 2
# __svg__SVGAnimatedRect__baseVal

浏览器兼容性

另见