DOMRect

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.

Hinweis: Diese Funktion ist in Web Workers verfügbar.

Ein DOMRect beschreibt die Größe und Position eines Rechtecks.

Die Art der Box, die durch das DOMRect dargestellt wird, wird durch die Methode oder Eigenschaft festgelegt, die sie zurückgegeben hat. Beispielsweise spezifiziert Range.getBoundingClientRect() das Rechteck, das den Inhalt des Bereichs mit solchen Objekten umschließt.

Es erbt von seinem Elternteil, DOMRectReadOnly.

Konstruktor

DOMRect(): Erstellt ein neues DOMRect-Objekt.

Instanz-Eigenschaften

DOMRect erbt Eigenschaften von seinem Elternteil, DOMRectReadOnly. Der Unterschied ist, dass diese nicht mehr schreibgeschützt sind.

DOMRect.x: Die x-Koordinate des Ursprungs des DOMRect (typischerweise die linke obere Ecke des Rechtecks).
DOMRect.y: Die y-Koordinate des Ursprungs des DOMRect (typischerweise die linke obere Ecke des Rechtecks).
DOMRect.width: Die Breite des DOMRect.
DOMRect.height: Die Höhe des DOMRect.
DOMRectReadOnly.top: Gibt den oberen Koordinatenwert des DOMRect zurück (hat denselben Wert wie y oder y + height, wenn height negativ ist).
DOMRectReadOnly.right: Gibt den rechten Koordinatenwert des DOMRect zurück (hat denselben Wert wie x + width oder x, wenn width negativ ist).
DOMRectReadOnly.bottom: Gibt den unteren Koordinatenwert des DOMRect zurück (hat denselben Wert wie y + height oder y, wenn height negativ ist).
DOMRectReadOnly.left: Gibt den linken Koordinatenwert des DOMRect zurück (hat denselben Wert wie x oder x + width, wenn width negativ ist).

Statische Methoden

DOMRect kann auch statische Methoden von seinem Elternteil, DOMRectReadOnly, erben.

DOMRect.fromRect(): Erstellt ein neues DOMRect-Objekt mit einer gegebenen Position und Abmessungen.

Instanz-Methoden

DOMRect kann Methoden von seinem Elternteil, DOMRectReadOnly, erben.

Spezifikationen

Specification
Geometry Interfaces Module Level 1 # DOMRect

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

DOMPoint