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. That function accepts any object with the required parameters, including a DOMQuad, DOMPoint or DOMPointReadOnly.

Syntax

new DOMQuad()
new DOMQuad(p1)
new DOMQuad(p1, p2)
new DOMQuad(p1, p2, p3)
new DOMQuad(p1, p2, p3, p4)

This example creates a DOMQuad using a DOMPoint and three additional points defined as objects.

const point = new DOMPoint(2, 0);
const quad = new DOMQuad(
  point,
  { x: 12, y: 0 },
  { x: 12, y: 10 },
  { x: 2, y: 10 },
);

Specification
Geometry Interfaces Module Level 1 # dom-domquad-domquad