DOMQuad: DOMQuad() constructor

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

js

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

Parameters

p1 Optional: The p1 DOMPoint for the new DOMQuad.
p2 Optional: The p2 DOMPoint for the new DOMQuad.
p3 Optional: The p3 DOMPoint for the new DOMQuad.
p4 Optional: The p4 DOMPoint for the new DOMQuad.

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

BCD tables only load in the browser

See also