DOMQuad

Experimental: 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()

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

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
61
79
69
No
48
11
61
61
79
45
11
8.0
fromRect
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–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/DOMQuad