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.
Das Interface DOMPointReadOnly definiert die Koordinaten- und Perspektivfelder, mit denen DOMPoint einen 2D- oder 3D-Punkt in einem Koordinatensystem beschreibt.
Es gibt zwei Möglichkeiten, eine neue DOMPointReadOnly-Instanz zu erstellen. Erstens können Sie den Konstruktor verwenden und ihm die Werte für jede Dimension sowie optional für 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);
Alternativ können Sie die statische Methode DOMPointReadOnly.fromPoint() verwenden:
const point = DOMPointReadOnly.fromPoint({ x: 100, y: 100, z: 50, w: 1.0 });
Konstruktor
DOMPointReadOnly()-
Erstellt ein neues
DOMPointReadOnly-Objekt aus den Werten seiner Koordinaten und seiner Perspektive. Um einen Punkt mithilfe eines Objekts zu erstellen, können Sie stattdessenDOMPointReadOnly.fromPoint()verwenden.
Instanzeigenschaften
DOMPointReadOnly.xSchreibgeschützt-
Die horizontale Koordinate des Punkts,
x. DOMPointReadOnly.ySchreibgeschützt-
Die vertikale Koordinate des Punkts,
y. DOMPointReadOnly.zSchreibgeschützt-
Die Tiefenkoordinate des Punkts,
z. DOMPointReadOnly.wSchreibgeschützt-
Der Perspektivwert des Punkts,
w.
Statische Methoden
DOMPointReadOnly.fromPoint()-
Eine statische Methode, die ein neues
DOMPointReadOnly-Objekt aus den im angegebenen Objekt enthaltenen Koordinaten erstellt.
Instanzmethoden
matrixTransform()-
Wendet eine als Objekt angegebene Matrixtransformation auf das
DOMPointReadOnly-Objekt an. toJSON()-
Gibt ein JSON-serialisierbares einfaches Objekt zurück, das das
DOMPointReadOnly-Objekt repräsentiert. Wird automatisch vonJSON.stringify()aufgerufen.
Spezifikationen
| Spezifikation |
|---|
| Geometry Interfaces Module Level 1 # dompointreadonly |