DOMQuad: getBounds() method
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.
Note: This feature is available in Web Workers.
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
| Specification |
|---|
| Geometry Interfaces Module Level 1 # dom-domquad-getbounds |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
getBounds()
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support