DOMQuad: fromQuad() static method

Available in workers

The fromQuad() static method of the DOMQuad interface returns a new DOMQuad object based on the provided set of coordinates in the shape of another DOMQuad object.

Syntax

DOMQuad.fromQuad()
DOMQuad.fromQuad(quad)

Parameters

• quad Optional

  • : A DOMQuad or an object with the same properties. All properties default to (0, 0, 0, 1). The properties are:

    • p1 Optional, p2 Optional, p3 Optional, p4 Optional
      • : Each a DOMPoint or an object with the same properties representing one corner of the quad.

    This object should usually be another DOMQuad instance, or an existing object retrieved from some data storage. If you are creating this object from scratch, you should use the DOMQuad() constructor, which accepts the four points separately, avoiding creating the intermediate object.

Return value

A DOMQuad object.

Examples

Creating a quad from an existing DOMQuad

This example shows how to create a new DOMQuad from an existing one.

const originalQuad = new DOMQuad(
  { x: 0, y: 0 },
  { x: 50, y: 0 },
  { x: 50, y: 50 },
  { x: 0, y: 50 },
);

const newQuad = DOMQuad.fromQuad(originalQuad);

console.log(newQuad.p1.x, newQuad.p1.y); // 0 0
console.log(newQuad.p2.x, newQuad.p2.y); // 50 0

Specifications

Browser compatibility

See also

• DOMQuad() constructor
• DOMPoint
• DOMRect