SVGRectElement: x 属性

Baseline 已广泛支持

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

SVGRectElement 接口的只读属性 x 将 SVG 矩形位置的水平坐标描述为一个 SVGAnimatedLength 对象。<coordinate> 是用户坐标系中的一个长度，表示从用户坐标系的原点沿 x 轴的给定距离。其语法与 <length> 相同。

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

值

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

此页面最后修改时间为 2025年3月18日，由 MDN 贡献者修改。