W3cubDocs

/Web APIs

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

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
31Before Firefox 69, the default value of p1 through p4 was undefined; now DOMQuadInit defines these as false.
No 48 11 61 61
31Before 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
31Before Firefox 69, the default value of p1 through p4 was undefined; now DOMQuadInit defines these as false.
No 48 11 61 61
31Before 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
31Before Firefox 69, the default value of p1 through p4 was undefined; now DOMQuadInit defines these as false.
No 48 11 61 61
31Before 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
31Before Firefox 69, the default value of p1 through p4 was undefined; now DOMQuadInit defines these as false.
No 48 11 61 61
31Before 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