DOMQuad

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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
DOMQuadChrome Full support 61Edge No support NoFirefox Full support 31IE No support NoOpera Full support 48Safari Full support 11WebView Android Full support 61Chrome Android Full support 61Firefox Android Full support 31Opera Android Full support 45Safari iOS Full support 11Samsung Internet Android Full support Yes
DOMQuad() constructorChrome Full support 61Edge No support NoFirefox Full support 31IE No support NoOpera Full support 48Safari Full support 11WebView Android Full support 61Chrome Android Full support 61Firefox Android Full support 31Opera Android Full support 45Safari iOS Full support 11Samsung Internet Android Full support 8.0
fromQuad() static functionChrome Full support YesEdge No support NoFirefox Full support 69IE No support NoOpera Full support YesSafari Full support 11WebView Android Full support YesChrome Android Full support YesFirefox Android No support NoOpera Android Full support YesSafari iOS Full support 11Samsung Internet Android Full support Yes
fromRect() static functionChrome Full support YesEdge No support NoFirefox Full support 69IE No support NoOpera Full support YesSafari Full support 11WebView Android Full support YesChrome Android Full support YesFirefox Android No support NoOpera Android Full support YesSafari iOS Full support 11Samsung Internet Android Full support Yes
getBounds()Chrome Full support YesEdge No support NoFirefox Full support 62IE No support NoOpera Full support YesSafari Full support 11WebView Android Full support YesChrome Android Full support YesFirefox Android Full support 62Opera Android Full support YesSafari iOS Full support 11Samsung Internet Android Full support Yes
p1Chrome Full support YesEdge No support NoFirefox Full support 31
Notes
Full support 31
Notes
Notes Prior to Firefox 69, the default value of p1 through p4 was undefined; now DOMQuadInit defines these as false.
IE No support NoOpera Full support YesSafari Full support 11WebView Android Full support YesChrome Android Full support YesFirefox Android Full support 31
Notes
Full support 31
Notes
Notes Prior to Firefox 69, the default value of p1 through p4 was undefined; now DOMQuadInit defines these as false.
Opera Android Full support YesSafari iOS Full support 11Samsung Internet Android Full support Yes
p2Chrome Full support YesEdge No support NoFirefox Full support 31
Notes
Full support 31
Notes
Notes Prior to Firefox 69, the default value of p1 through p4 was undefined; now DOMQuadInit defines these as false.
IE No support NoOpera Full support YesSafari Full support 11WebView Android Full support YesChrome Android Full support YesFirefox Android Full support 31
Notes
Full support 31
Notes
Notes Prior to Firefox 69, the default value of p1 through p4 was undefined; now DOMQuadInit defines these as false.
Opera Android Full support YesSafari iOS Full support 11Samsung Internet Android Full support Yes
p3Chrome Full support YesEdge No support NoFirefox Full support 31
Notes
Full support 31
Notes
Notes Prior to Firefox 69, the default value of p1 through p4 was undefined; now DOMQuadInit defines these as false.
IE No support NoOpera Full support YesSafari Full support 11WebView Android Full support YesChrome Android Full support YesFirefox Android Full support 31
Notes
Full support 31
Notes
Notes Prior to Firefox 69, the default value of p1 through p4 was undefined; now DOMQuadInit defines these as false.
Opera Android Full support YesSafari iOS Full support 11Samsung Internet Android Full support Yes
p4Chrome Full support YesEdge No support NoFirefox Full support 31
Notes
Full support 31
Notes
Notes Prior to Firefox 69, the default value of p1 through p4 was undefined; now DOMQuadInit defines these as false.
IE No support NoOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support 31
Notes
Full support 31
Notes
Notes Prior to Firefox 69, the default value of p1 through p4 was undefined; now DOMQuadInit defines these as false.
Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes
toJSON()Chrome Full support YesEdge No support NoFirefox Full support 62IE No support NoOpera Full support YesSafari Full support 11WebView Android Full support YesChrome Android Full support YesFirefox Android Full support 62Opera Android Full support YesSafari iOS Full support 11Samsung Internet Android Full support Yes
Available in workersChrome Full support 61Edge No support NoFirefox Full support 69IE No support NoOpera Full support 48Safari Full support 11WebView Android Full support 61Chrome Android Full support 61Firefox Android No support NoOpera Android Full support 45Safari iOS Full support 11Samsung Internet Android Full support 8.0

Legend

Full support  
Full support
No support  
No support
See implementation notes.
See implementation notes.