SVGSVGElement: y 屬性

Baseline 已廣泛支援

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

SVGSVGElement 介面的只讀屬性 y 描述了該 SVG 位置的垂直座標,它是一個 SVGAnimatedLength 物件。當一個 <svg> 巢狀在另一個 <svg> 中時,這個垂直座標是在使用者座標系中的一個長度值,表示從使用者座標系的原點沿 y 軸方向的距離。它的語法與 <length> 相同。

它反映了 <svg> 元素的 y 幾何屬性。預設值為 0y 屬性對最外層的 <svg> 元素沒有影響;只對巢狀的元素有影響。CSS 的 y 屬性會優先於 <svg> 元素的 y 屬性,因此該值可能無法反映元素的視覺外觀。

一個 SVGAnimatedLength 物件。

示例

js
const svg = document.querySelector("svg");
const topPosition = svg.y;
console.dir(leftPosition.baseVal.value); // the `y` value

規範

規範
Scalable Vector Graphics (SVG) 2
# __svg__SVGSVGElement__y

瀏覽器相容性

另見