SVGRectElement: y 属性

Baseline 已广泛支持

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

SVGRectElement 接口的只读属性 ySVGAnimatedLength 的形式描述了 SVG 矩形位置的垂直坐标。<coordinate> 是用户坐标系中的一个长度,表示从用户坐标系的原点沿 y 轴的给定距离。其语法与 <length> 相同。

它反映了 <rect> 元素的 y 几何属性值。CSS y 属性优先于 SVG y 属性,因此该值可能不反映元素的显示效果。默认值为 0

一个 SVGAnimatedLength 对象。

示例

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

规范

规范
Scalable Vector Graphics (SVG) 2
# __svg__SVGRectElement__y

浏览器兼容性

另见