SVGRectElement: x property
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Thex read-only property of theSVGRectElement interface describes the horizontal coordinate of the position of an SVG rectangle as aSVGAnimatedLength. The<coordinate> is a length in the user coordinate system that is the given distance from the origin of the user coordinate system along the x-axis. Its syntax is the same as that for<length>.
It reflects the<rect> element'sx geometric attribute value. The CSSx property takes precedence over the SVGx geometric attribute, so the value may not reflect the element's appearance. The default value is0.
Value
Example
js
const rectangle = document.querySelector("rect");const leftPosition = rectangle.x;console.log(leftPosition.baseVal.value); // the `x` valueSpecifications
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGRectElement__x |