SVGSVGElement: 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 SVGSVGElement
-Schnittstelle ist eine schreibgeschützte Eigenschaft, die die horizontale Koordinate der Position dieses SVGs als SVGAnimatedLength
beschreibt. Wenn ein <svg>
innerhalb eines anderen <svg>
genestet ist, ist die horizontale Koordinate eine Länge im Benutzerkoordinatensystem, die den angegebenen Abstand vom Ursprung des Benutzerkoordinatensystems entlang der x-Achse darstellt. Ihre Syntax entspricht der von <length>
.
Sie spiegelt das geometrische Attribut <svg>
des Elements x
wider. Der Standardwert ist 0
. Das x
-Attribut hat keine Wirkung auf äußerste <svg>
-Elemente; nur auf genestete. Die CSS-Eigenschaft x
hat Vorrang vor dem x
-Attribut des <svg>
-Elements, sodass der Wert das Erscheinungsbild des Elements möglicherweise nicht widerspiegelt.
Wert
Ein SVGAnimatedLength
.
Beispiel
const svg = document.querySelector("svg");
const leftPosition = svg.x;
console.dir(leftPosition.baseVal.value); // the `x` value
Spezifikationen
Specification |
---|
Scalable Vector Graphics (SVG) 2 # __svg__SVGSVGElement__x |