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

p1 Optional, p2 Optional, p3 Optional, p4 Optional

Each a DOMPoint or an object with the same properties representing one corner of the quad.

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

See also