DOMQuad: fromQuad() static method

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