DOMQuad

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 DOMQuad object.

Instance properties

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

Instance 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
Geometry Interfaces Module Level 1 # DOMQuad

Browser compatibility

desktop mobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
DOMQuad
DOMQuad() constructor
fromQuad() static method
fromRect() static method
getBounds()
p1
p2
p3
p4
toJSON()
Available in workers

	desktop					mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android
`DOMQuad`
`DOMQuad()` constructor
`fromQuad()` static method
`fromRect()` static method
`getBounds()`
`p1`
`p2`
`p3`
`p4`
`toJSON()`
Available in workers