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 inWeb Workers.
ADOMQuad is a collection of fourDOMPoints defining the corners of an arbitrary quadrilateral. ReturningDOMQuads letsgetBoxQuads() return accurate information even when arbitrary 2D or 3D transforms are present. It has a handybounds attribute returning aDOMRectReadOnly for those cases where you just want an axis-aligned bounding rectangle.
In this article
Constructor
DOMQuad()Creates a new
DOMQuadobject.
Instance properties
DOMQuad.p1Read onlyA
DOMPointrepresenting one corner of theDOMQuad.DOMQuad.p2Read onlyA
DOMPointrepresenting one corner of theDOMQuad.DOMQuad.p3Read onlyA
DOMPointrepresenting one corner of theDOMQuad.DOMQuad.p4Read onlyA
DOMPointrepresenting one corner of theDOMQuad.
Instance methods
DOMQuad.getBounds()Returns a
DOMRectobject with the coordinates and dimensions of theDOMQuadobject.DOMQuad.toJSON()Returns a JSON representation of the
DOMQuadobject.
Static methods
DOMQuad.fromQuad()Returns a new
DOMQuadobject based on the provided set of coordinates in the shape of anotherDOMQuadobject.DOMQuad.fromRect()Returns a new
DOMQuadobject based on the provided set of coordinates in the shape of aDOMRectobject.
Specifications
| Specification |
|---|
| Geometry Interfaces Module Level 1> # DOMQuad> |