This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

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.DOMQuad()
Creates a new DOMQuad object.

Properties

p1,p2,p3,p4 Read only
are DOMPoint objects for each of the DOMQuad object's four corners.

Methods

DOMQuad.fromRect()
Returns a new DOMQuad object based on the passed set of coordinates.
DOMQuad.fromQuad()
Returns a new DOMQuad object based on the passed set of coordinates.
DOMQuad.getBounds()
Returns a DOMRect object with the coordinates and dimensions of the DOMQuad object.
DOMQuad.toJSON()
Returns a JSON representation of the DOMQuad object.

Specifications

Specification Status Comment
Geometry Interfaces Module Level 1
The definition of 'DOMQuad' in that specification.
Candidate Recommendation Initial definition.

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support61 ? ? ?48 ?
DOMQuad() constructor ? ? ? ? ? ?
fromRect ? ? ? ? ? ?
fromQuad ? ? ? ? ? ?
getBounds ? ? ? ? ? ?
p1 ? ? ? ? ? ?
p2 ? ? ? ? ? ?
p3 ? ? ? ? ? ?
p4 ? ? ? ? ? ?
toJSON ? ? ? ? ? ?
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support6161 ? ?48 ? ?
DOMQuad() constructor ? ? ? ? ? ? ?
fromRect ? ? ? ? ? ? ?
fromQuad ? ? ? ? ? ? ?
getBounds ? ? ? ? ? ? ?
p1 ? ? ? ? ? ? ?
p2 ? ? ? ? ? ? ?
p3 ? ? ? ? ? ? ?
p4 ? ? ? ? ? ? ?
toJSON ? ? ? ? ? ? ?

Document Tags and Contributors

Contributors to this page: fscholz, championshuttler, jpmedley
Last updated by: fscholz,