SVGRectElement: y-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 y schreibgeschützte Eigenschaft der SVGRectElement-Schnittstelle beschreibt die vertikale Koordinate der Position eines SVG-Rechtecks als SVGAnimatedLength. Das <coordinate> ist eine Länge im Benutzerskoordinatensystem, die den angegebenen Abstand vom Ursprung des Benutzerskoordinatensystems entlang der y-Achse darstellt. Seine Syntax entspricht derjenigen für <length>.

Es spiegelt den im <rect>-Element angegebenen geometrischen Attributwert y wider. Die CSS-Eigenschaft y hat Vorrang vor dem SVG-y-Attribut, sodass der Wert möglicherweise nicht das Erscheinungsbild des Elements widerspiegelt. Der Standardwert ist 0.

Wert

Ein SVGAnimatedLength.

Beispiel

js
const rectangle = document.querySelector("rect");
const topPosition = rectangle.y;
console.log(topPosition.baseVal.value); // the `y` value

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGRectElement__y

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch