DOMQuad: getBounds()-Methode

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.

Die Methode DOMQuad getBounds() gibt ein DOMRect-Objekt zurück, das das kleinste Rechteck darstellt, welches das DOMQuad-Objekt vollständig enthält.

Syntax

js
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.

js
const quad = new DOMQuad(
  { x: 40, y: 25 },
  { x: 180, y: 8 },
  { x: 210, y: 150 },
  { x: 10, y: 180 },
);

const quadBounds = quad.getBounds();

Ein unregelmäßiges Viereck, dessen Seiten weder vertikal noch horizontal sind. Seine vier Ecken sind mit roten Kreisen markiert. Um dieses Viereck herum befindet sich ein gestricheltes Rechteck. Alle Seiten dieses Rechtecks sind vertikal oder horizontal und tangieren das Viereck.

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

Specification
Geometry Interfaces Module Level 1
# dom-domquad-getbounds

Browser-Kompatibilität

BCD tables only load in the browser