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
BCD tables only load in the browser