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	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
`DOMQuad`	61	79	31	No	48	11	61	61	31	45	11	8.0
`DOMQuad`	61	79	31	No	48	11	61	61	31	45	11	8.0
`fromQuad_static`	61	79	69	No	48	11	61	61	79	45	11	8.0
`fromRect_static`	61	79	69	No	48	11	61	61	79	45	11	8.0
`getBounds`	61	79	62	No	48	11	61	61	62	45	11	8.0
`p1`	61	79	31 Before Firefox 69, the default value of `p1` through `p4` was undefined; now `DOMQuadInit` defines these as `false`.	No	48	11	61	61	31 Before Firefox for Android 79, the default value of `p1` through `p4` was undefined; now `DOMQuadInit` defines these as `false`.	45	11	8.0
`p2`	61	79	31 Before Firefox 69, the default value of `p1` through `p4` was undefined; now `DOMQuadInit` defines these as `false`.	No	48	11	61	61	31 Before Firefox for Android 79, the default value of `p1` through `p4` was undefined; now `DOMQuadInit` defines these as `false`.	45	11	8.0
`p3`	61	79	31 Before Firefox 69, the default value of `p1` through `p4` was undefined; now `DOMQuadInit` defines these as `false`.	No	48	11	61	61	31 Before Firefox for Android 79, the default value of `p1` through `p4` was undefined; now `DOMQuadInit` defines these as `false`.	45	11	8.0
`p4`	61	79	31 Before Firefox 69, the default value of `p1` through `p4` was undefined; now `DOMQuadInit` defines these as `false`.	No	48	11	61	61	31 Before Firefox for Android 79, the default value of `p1` through `p4` was undefined; now `DOMQuadInit` defines these as `false`.	45	11	8.0
`toJSON`	61	79	62	No	48	11	61	61	62	45	11	8.0
`worker_support`	61	79	69	No	48	11	61	61	79	45	11	8.0

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/DOMQuad

Docs

Docs4dev

Title here