SVGRectElement: x-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Die x-Eigenschaft der SVGRectElement-Schnittstelle beschreibt die horizontale Koordinate der Position eines SVG-Rechtecks als SVGAnimatedLength. Das <coordinate> ist eine Länge im nutzerdefinierten Koordinatensystem, die den gegebenen Abstand vom Ursprung des Koordinatensystems entlang der x-Achse darstellt. Die Syntax entspricht derjenigen für <length>.
Sie spiegelt den geometrischen Attributwert <rect> des Elements wider: x. Die CSS-Eigenschaft x hat Vorrang vor dem geometrischen SVG-Attribut x, sodass der Wert möglicherweise nicht das Erscheinungsbild des Elements widerspiegelt. Der Standardwert ist 0.
Wert
Ein SVGAnimatedLength.
Beispiel
const rectangle = document.querySelector("rect");
const leftPosition = rectangle.x;
console.log(leftPosition.baseVal.value); // the `x` value
Spezifikationen
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGRectElement__x |