DOMQuad: DOMQuad() constructor
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Note: This feature is available in Web Workers.
The DOMQuad() constructor creates and returns a new DOMQuad object, given the values for some or all of its properties.
You can also create a DOMQuad by calling the DOMQuad.fromRect() or DOMQuad.fromQuad() static function. These functions accept any object with the required parameters, including a DOMRect, DOMRectReadOnly, or another DOMQuad.
Syntax
js
new DOMQuad()
new DOMQuad(p1)
new DOMQuad(p1, p2)
new DOMQuad(p1, p2, p3)
new DOMQuad(p1, p2, p3, p4)
Parameters
Examples
This example creates a DOMQuad using a DOMPoint and three additional points defined as objects.
js
const point = new DOMPoint(2, 0);
const quad = new DOMQuad(
point,
{ x: 12, y: 0 },
{ x: 12, y: 10 },
{ x: 2, y: 10 },
);
Specifications
| Specification |
|---|
| Geometry Interfaces Module Level 1 # dom-domquad-domquad |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
DOMQuad() constructor
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support