DOMQuad

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 DOMQuad ist eine Sammlung von vier DOMPoints, die die Ecken eines beliebigen Vierecks definieren. Die Rückgabe von DOMQuads ermöglicht es getBoxQuads(), genaue Informationen bereitzustellen, selbst wenn beliebige 2D- oder 3D-Transformationen vorhanden sind. Es hat ein praktisches bounds-Attribut, das einen DOMRectReadOnly zurückgibt, für die Fälle, in denen Sie nur ein achsenparallel ausgerichtetes Begrenzungsrechteck benötigen.

Konstruktor

DOMQuad()

Erstellt ein neues DOMQuad-Objekt.

Instanz-Eigenschaften

DOMQuad.p1 Schreibgeschützt

Ein DOMPoint, der eine Ecke des DOMQuad darstellt.

DOMQuad.p2 Schreibgeschützt

Ein DOMPoint, der eine Ecke des DOMQuad darstellt.

DOMQuad.p3 Schreibgeschützt

Ein DOMPoint, der eine Ecke des DOMQuad darstellt.

DOMQuad.p4 Schreibgeschützt

Ein DOMPoint, der eine Ecke des DOMQuad darstellt.

Instanz-Methoden

DOMQuad.fromRect()

Gibt ein neues DOMQuad-Objekt basierend auf den übergebenen Koordinatensätzen zurück.

DOMQuad.fromQuad()

Gibt ein neues DOMQuad-Objekt oder einen Satz von Viereckskoordinaten basierend auf der bereitgestellten Eingabe zurück.

DOMQuad.getBounds()

Gibt ein DOMRect-Objekt mit den Koordinaten und Abmessungen des DOMQuad-Objekts zurück.

DOMQuad.toJSON()

Gibt eine JSON-Darstellung des DOMQuad-Objekts zurück.

Spezifikationen

Specification
Geometry Interfaces Module Level 1
# DOMQuad

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
DOMQuad
DOMQuad() constructor
fromQuad() static method
fromRect() static method
getBounds()
p1
p2
p3
p4
toJSON()
Available in workers

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
See implementation notes.