DOMQuad: getBounds()-Methode
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.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Die Methode DOMQuad
getBounds() gibt ein DOMRect-Objekt zurück, das das kleinste Rechteck darstellt, welches das DOMQuad-Objekt vollständig enthält.
Syntax
getBounds()
Parameter
Keine.
Rückgabewert
Ein DOMRect mit den Eigenschaften x, y, width und height, das die Begrenzungsbox für das DOMQuad basierend auf seinen Eckkoordinaten definiert.
Beispiele
Dieses Beispiel erstellt ein DOMQuad mit vier Punkten und erhält dann sein Begrenzungsrechteck.
const quad = new DOMQuad(
{ x: 40, y: 25 },
{ x: 180, y: 8 },
{ x: 210, y: 150 },
{ x: 10, y: 180 },
);
const quadBounds = quad.getBounds();
Die Abbildung zeigt ein unregelmäßiges Viereck, das durch ein DOMQuad dargestellt wird. Die vier rot gefärbten Kreise repräsentieren die DOMPoint-Attribute p1 bis p4. Das gestrichelte Rechteck repräsentiert das Begrenzungsrechteck, das von der getBounds()-Methode des DOMQuad zurückgegeben wird.
Spezifikationen
| Spezifikation |
|---|
| Geometry Interfaces Module Level 1 # dom-domquad-getbounds |