DOMQuad: fromQuad() statische Methode

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨Juli 2020⁩.

Hinweis: Diese Funktion ist in Web Workers verfügbar.

Die fromQuad() statische Methode der DOMQuad-Schnittstelle gibt ein neues DOMQuad-Objekt basierend auf dem angegebenen Satz von Koordinaten in der Form eines anderen DOMQuad-Objekts zurück.

Syntax

DOMQuad.fromQuad()
DOMQuad.fromQuad(quad)

Parameter

quad Optional

Ein DOMQuad oder ein Objekt mit denselben Eigenschaften. Alle Eigenschaften haben standardmäßig (0, 0, 0, 1). Die Eigenschaften sind:

p1 Optional, p2 Optional, p3 Optional, p4 Optional: Jeder ist ein DOMPoint oder ein Objekt mit denselben Eigenschaften, das eine Ecke des Quads darstellt.

Dieses Objekt sollte normalerweise eine andere DOMQuad-Instanz oder ein bestehendes Objekt, das aus einer Datenspeicherung abgerufen wurde, sein. Wenn Sie dieses Objekt von Grund auf neu erstellen, sollten Sie den DOMQuad()-Konstruktor verwenden, der die vier Punkte separat akzeptiert und die Erstellung des Zwischenobjekts vermeidet.

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