SVGSVGElement:width 属性

Baseline 已广泛支持

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

width 只读属性是 SVGSVGElement 接口的一部分,它以 SVGAnimatedLength 的形式描述了元素的水平尺寸。它反映了 <svg> 元素的 width 属性,但这可能不是 SVG 的实际渲染宽度。

CSS width 属性优先于 <svg> 元素的 width 属性,因此该值可能无法反映元素的显示效果。如果省略了 viewBoxwidth 属性,则 width 属性将反映元素的实际宽度。

一个 SVGAnimatedLength 对象。

示例

js
const svg = document.querySelector("svg");
const inlineSize = svg.width;
console.dir(inlineSize.baseVal.value); // the `width` value

规范

规范
Scalable Vector Graphics (SVG) 2
# __svg__SVGSVGElement__width

浏览器兼容性

另见