DOMQuad: fromQuad() static method

Note: This feature is available in Web 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

js
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

undefined

Creating a quad from an existing DOMQuad

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

js
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

See also