DOMRect

Baseline

Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Januar 2020 browserübergreifend verfügbar.

Vollständige Kompatibilität anzeigen
Mehr erfahren

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

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

Welche Art von Begrenzungsrahmen das DOMRect darstellt, hängt von der Methode oder Eigenschaft ab, die es zurückgegeben hat. Beispielsweise beschreibt Range.getBoundingClientRect() mit einem solchen Objekt das Rechteck, das den Inhalt des Bereichs umschließt.

Es erbt von seiner übergeordneten Schnittstelle DOMRectReadOnly.

Konstruktor

DOMRect(): Erstellt ein neues DOMRect-Objekt.

Instanzeigenschaften

DOMRect erbt Eigenschaften von seiner übergeordneten Schnittstelle DOMRectReadOnly. Der Unterschied besteht darin, dass sie nicht mehr schreibgeschützt sind.

DOMRect.x: Die x-Koordinate des Ursprungs des DOMRect (in der Regel die linke obere Ecke des Rechtecks).
DOMRect.y: Die y-Koordinate des Ursprungs des DOMRect (in der Regel die linke obere Ecke des Rechtecks).
DOMRect.width: Die Breite des DOMRect.
DOMRect.height: Die Höhe des DOMRect.
DOMRectReadOnly.top Schreibgeschützt: Gibt den Wert der oberen Koordinate des DOMRect zurück (entspricht y oder, falls height negativ ist, y + height).
DOMRectReadOnly.right Schreibgeschützt: Gibt den Wert der rechten Koordinate des DOMRect zurück (entspricht x + width oder, falls width negativ ist, x).
DOMRectReadOnly.bottom Schreibgeschützt: Gibt den Wert der unteren Koordinate des DOMRect zurück (entspricht y + height oder, falls height negativ ist, y).
DOMRectReadOnly.left Schreibgeschützt: Gibt den Wert der linken Koordinate des DOMRect zurück (entspricht x oder, falls width negativ ist, x + width).

Statische Methoden

DOMRect kann auch statische Methoden von seiner übergeordneten Schnittstelle DOMRectReadOnly erben.

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

Instanzmethoden

DOMRect kann Methoden von seiner übergeordneten Schnittstelle DOMRectReadOnly erben.

Spezifikationen

Spezifikation
Geometry Interfaces Module Level 1 # domrect

Browser-Kompatibilität

Siehe auch

DOMPoint

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden