DOMQuad: fromQuad() static method
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
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
DOMQuad.fromQuad()
DOMQuad.fromQuad(quad)
Parameters
quadOptional-
A
DOMQuador an object with the same properties. All properties default to(0, 0, 0, 1). The properties are:p1Optional,p2Optional,p3Optional,p4Optional-
Each a
DOMPointor an object with the same properties representing one corner of the quad.
This object should usually be another
DOMQuadinstance, or an existing object retrieved from some data storage. If you are creating this object from scratch, you should use theDOMQuad()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
| Specification |
|---|
| Geometry Interfaces Module Level 1 # dom-domquad-fromquad |
Browser compatibility
Loading…