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

浏览器兼容性

另见