DOMPointReadOnly
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Die DOMPointReadOnly-Schnittstelle spezifiziert die Koordinaten- und Perspektivenfelder, die von DOMPoint verwendet werden, um einen 2D- oder 3D-Punkt in einem Koordinatensystem zu definieren.
Es gibt zwei Möglichkeiten, eine neue Instanz von DOMPointReadOnly zu erstellen. Erstens können Sie dessen Konstruktor verwenden, indem Sie die Werte der Parameter für jede Dimension und optional die Perspektive übergeben:
/* 2D */
const point2D = new DOMPointReadOnly(50, 50);
/* 3D */
const point3D = new DOMPointReadOnly(50, 50, 25);
/* 3D with perspective */
const point3DPerspective = new DOMPointReadOnly(100, 100, 100, 1.0);
Die andere Möglichkeit ist die Verwendung der statischen Methode DOMPointReadOnly.fromPoint():
const point = DOMPointReadOnly.fromPoint({ x: 100, y: 100, z: 50, w: 1.0 });
Konstruktor
DOMPointReadOnly()-
Erstellt ein neues
DOMPointReadOnly-Objekt, basierend auf den Werten seiner Koordinaten und Perspektive. Um einen Punkt unter Verwendung eines Objekts zu erstellen, können Sie stattdessenDOMPointReadOnly.fromPoint()verwenden.
Instanz-Eigenschaften
DOMPointReadOnly.xSchreibgeschützt-
Die horizontale Koordinate des Punktes,
x. DOMPointReadOnly.ySchreibgeschützt-
Die vertikale Koordinate des Punktes,
y. DOMPointReadOnly.zSchreibgeschützt-
Die Tiefenkoordinate des Punktes,
z. DOMPointReadOnly.wSchreibgeschützt-
Der Perspektivenwert des Punktes,
w.
Statische Methoden
DOMPointReadOnly.fromPoint()-
Eine statische Methode, die ein neues
DOMPointReadOnly-Objekt erstellt, basierend auf den in dem angegebenen Objekt übermittelten Koordinaten.
Instanz-Methoden
matrixTransform()-
Wendet eine als Objekt spezifizierte Matrixtransformation auf das
DOMPointReadOnly-Objekt an. toJSON()-
Gibt eine JSON-Darstellung des
DOMPointReadOnly-Objekts zurück.
Spezifikationen
| Specification |
|---|
| Geometry Interfaces Module Level 1 # DOMPoint |
Browser-Kompatibilität
BCD tables only load in the browser