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

瀏覽器相容性

另見