SVGRectElement: x 屬性

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

SVGRectElement 介面的只讀屬性 x 將 SVG 矩形位置的水平座標描述為一個 SVGAnimatedLength 物件。<coordinate> 是使用者座標系中的一個長度,表示從使用者座標系的原點沿 x 軸的給定距離。其語法與 <length> 相同。

它反映了 <rect> 元素的 x 幾何屬性值。CSS x 屬性優先於 SVG x 幾何屬性,因此該值可能無法反映元素的顯示效果。預設值為 0

一個 SVGAnimatedLength 物件。

示例

js
const rectangle = document.querySelector("rect");
const leftPosition = rectangle.x;
console.log(leftPosition.baseVal.value); // the `x` value

規範

規範
Scalable Vector Graphics (SVG) 2
# __svg__SVGRectElement__x

瀏覽器相容性

另見