DOMQuad
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.
A DOMQuad is a collection of four DOMPoints defining the corners of an arbitrary quadrilateral. Returning DOMQuads lets getBoxQuads() return accurate information even when arbitrary 2D or 3D transforms are present. It has a handy bounds attribute returning a DOMRectReadOnly for those cases where you just want an axis-aligned bounding rectangle.
Constructor
DOMQuad()-
Creates a new
DOMQuadobject.
Instance properties
DOMQuad.p1Read only-
A
DOMPointrepresenting one corner of theDOMQuad. DOMQuad.p2Read only-
A
DOMPointrepresenting one corner of theDOMQuad. DOMQuad.p3Read only-
A
DOMPointrepresenting one corner of theDOMQuad. DOMQuad.p4Read only-
A
DOMPointrepresenting one corner of theDOMQuad.
Instance methods
DOMQuad.fromRect()-
Returns a new
DOMQuadobject based on the passed set of coordinates. DOMQuad.fromQuad()-
Returns a new
DOMQuadobject or a set of quadrilateral coordinates based on the provided input. DOMQuad.getBounds()-
Returns a
DOMRectobject with the coordinates and dimensions of theDOMQuadobject. DOMQuad.toJSON()-
Returns a JSON representation of the
DOMQuadobject.
Specifications
| Specification |
|---|
| Geometry Interfaces Module Level 1 # DOMQuad |
Browser compatibility
BCD tables only load in the browser