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 schreibgeschützte x-Eigenschaft der SVGRectElement-Schnittstelle beschreibt die horizontale Koordinate der Position eines SVG-Rechtecks als ein SVGAnimatedLength. Das <coordinate> ist eine Länge im Benutzerkoordinatensystem, die die gegebene Entfernung vom Ursprung des Benutzerkoordinatensystems entlang der x-Achse darstellt. Seine Syntax ist dieselbe wie die für <length>.

Sie spiegelt den geometrischen Attributwert <rect> des x-Elements wider. Die CSS-Eigenschaft x hat Vorrang vor dem SVG-x-geometrischen Attribut, daher spiegelt der Wert möglicherweise nicht das Erscheinungsbild des Elements wider. Der Standardwert ist 0.

Wert

Ein SVGAnimatedLength.

Beispiel

js
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

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch