DOMPointReadOnly

Hinweis: Dieses Feature ist verfügbar in Web Workers.

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:

js
/* 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():

js
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 stattdessen DOMPointReadOnly.fromPoint() verwenden.

Instanz-Eigenschaften

DOMPointReadOnly.x Nur lesbar

Die horizontale Koordinate des Punktes, x.

DOMPointReadOnly.y Nur lesbar

Die vertikale Koordinate des Punktes, y.

DOMPointReadOnly.z Nur lesbar

Die Tiefenkoordinate des Punktes, z.

DOMPointReadOnly.w Nur lesbar

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

Siehe auch