SVGSVGElement: x 属性

Baseline 已广泛支持

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

SVGSVGElement 接口的只读属性 x 描述了该 SVG 位置的水平坐标,它是一个 SVGAnimatedLength 对象。当一个 <svg> 元素嵌套在另一个 <svg> 元素内部时,该水平坐标是用户坐标系中的一个长度,表示从用户坐标系原点沿 x 轴偏移的距离。其语法与 <length> 相同。

它反映了 <svg> 元素的 x 几何属性。默认值为 0x 属性对最外层的 <svg> 元素没有影响;仅对嵌套的元素有影响。CSS x 属性优先于 <svg> 元素的 x 属性,因此该值可能不反映元素的实际外观。

一个 SVGAnimatedLength 对象。

示例

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

规范

规范
Scalable Vector Graphics (SVG) 2
# __svg__SVGSVGElement__x

浏览器兼容性

另见