DOMRect

Hinweis: Dieses Feature ist verfügbar in Web Workers.

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 es zurückgibt. Zum Beispiel gibt Range.getBoundingClientRect() das Rechteck an, 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 besteht darin, dass sie nicht mehr schreibgeschützt sind.

DOMRectReadOnly.x: Die x-Koordinate des Ursprungs des DOMRect (typischerweise die obere linke Ecke des Rechtecks).
DOMRectReadOnly.y: Die y-Koordinate des Ursprungs des DOMRect (typischerweise die obere linke Ecke des Rechtecks).
DOMRectReadOnly.width: Die Breite des DOMRect.
DOMRectReadOnly.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 einem bestimmten Ort 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