DOMQuad: getBounds() method

The DOMQuad method getBounds() returns a DOMRect object representing the smallest rectangle that fully contains the DOMQuad object.

Syntax

getBounds()

Parameters

None.

Return value

A DOMRect with the x, y, width, and height properties, defining the bounding box for the DOMQuad based on its corner coordinates.

Examples

This example creates a DOMQuad with four points, then retrieves its bounding rectangle.

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

const quadBounds = quad.getBounds();

The figure shows an irregular quadrilateral represented by a DOMQuad. The four red colored circles represent the DOMPoint attributes p1 to p4. The dashed rectangle represents the bounding rectangle returned by the getBounds() method of the DOMQuad.

Specifications

Browser compatibility