W3cubDocs

/DOM

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 compatibilityUpdate compatibility data on GitHub

	Desktop
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
Basic support	61	?	?	?	48	?
`DOMQuad()` constructor	?	?	?	?	?	?
`fromRect`	?	?	?	?	?	?
`fromQuad`	?	?	?	?	?	?
`getBounds`	?	?	?	?	?	?
`p1`	?	?	?	?	?	?
`p2`	?	?	?	?	?	?
`p3`	?	?	?	?	?	?
`p4`	?	?	?	?	?	?
`toJSON`	?	?	?	?	?	?

	Mobile
	Android webview	Chrome for Android	Edge Mobile	Firefox for Android	Opera for Android	iOS Safari	Samsung Internet
Basic support	61	61	?	?	48	?	?
`DOMQuad()` constructor	?	?	?	?	?	?	?
`fromRect`	?	?	?	?	?	?	?
`fromQuad`	?	?	?	?	?	?	?
`getBounds`	?	?	?	?	?	?	?
`p1`	?	?	?	?	?	?	?
`p2`	?	?	?	?	?	?	?
`p3`	?	?	?	?	?	?	?
`p4`	?	?	?	?	?	?	?
`toJSON`	?	?	?	?	?	?	?

Edit this page on MDN

© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/DOMQuad