Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

DOMPointReadOnly

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Januar 2020 browserübergreifend verfügbar.

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:

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 Schreibgeschützt

Die horizontale Koordinate des Punktes, x.

DOMPointReadOnly.y Schreibgeschützt

Die vertikale Koordinate des Punktes, y.

DOMPointReadOnly.z Schreibgeschützt

Die Tiefenkoordinate des Punktes, z.

DOMPointReadOnly.w Schreibgeschü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

Spezifikation
Geometry Interfaces Module Level 1
# DOMPoint

Browser-Kompatibilität

Siehe auch