DOMPoint

Baseline Weitgehend verfgbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Gerten und in vielen Browserversionen. Sie ist seit Januar 2020 browserbergreifend verfgbar.

Mehr erfahren
Vollstndige Kompatibilitt anzeigen

Hinweis: Diese Funktion ist in Web Workers verfgbar.

Ein DOMPoint-Objekt reprsentiert einen 2D- oder 3D-Punkt in einem Koordinatensystem; es umfasst Werte fr die Koordinaten in bis zu drei Dimensionen sowie einen optionalen Perspektivwert. DOMPoint basiert auf DOMPointReadOnly, erlaubt jedoch das ndern der Werte seiner Eigenschaften.

Im Allgemeinen reprsentiert eine positive x-Komponente eine Position rechts vom Ursprung, eine positive y-Komponente ist nach unten vom Ursprung, und eine positive z-Komponente erstreckt sich von der Bildschirmoberflche nach auen (mit anderen Worten, in Richtung des Benutzers).

DOMPointReadOnly DOMPoint

Konstruktor

DOMPoint(): Erstellt und gibt ein neues DOMPoint-Objekt zurck, gegebenenfalls mit den Werten von null oder mehr seiner Koordinatenkomponenten und optional dem w-Perspektivwert. Sie knnen auch einen vorhandenen DOMPoint oder DOMPointReadOnly oder ein Objekt verwenden, um einen neuen Punkt zu erstellen, indem Sie die statische Methode DOMPoint.fromPoint() aufrufen.

Instanz-Eigenschaften

DOMPoint kann auch Eigenschaften von seinem Elternteil DOMPointReadOnly erben.

DOMPoint.x: Die x-Koordinate des DOMPoint.
DOMPoint.y: Die y-Koordinate des DOMPoint.
DOMPoint.z: Die z-Koordinate des DOMPoint.
DOMPoint.w: Der Perspektivwert des DOMPoint.

Instanz-Methoden

DOMPoint erbt Instanz-Methoden von seinem Elternteil DOMPointReadOnly.

Statische Methoden

DOMPoint kann auch statische Methoden von seinem Elternteil DOMPointReadOnly erben.

DOMPoint.fromPoint(): Erstellt ein neues vernderbares DOMPoint-Objekt basierend auf einem vorhandenen Punkt (oder einem Objekt mit passenden Eigenschaften), das die Werte fr seine Eigenschaften bereitstellt.

Beispiele

Im WebXR Device API reprsentieren DOMPointReadOnly-Werte Positionen und Ausrichtungen. Im folgenden Snippet kann die Pose des XR-Gerts (wie ein VR-Headset oder Telefon mit AR-Fhigkeiten) abgerufen werden, indem whrend eines XRSession-Animationsrahmens XRFrame.getViewerPose() aufgerufen wird. Anschlieend wird auf die resultierende XRPose's transform-Eigenschaft zugegriffen, die zwei DOMPointReadOnly-Attribute enthlt: position als Vektor und orientation als Quaternion.

function onXRFrame(time, xrFrame) {
  let viewerPose = xrFrame.getViewerPose(xrReferenceSpace);

  if (viewerPose) {
    let position = viewerPose.transform.position;
    let orientation = viewerPose.transform.orientation;

    console.log(
      `XR Viewer Position: {x: ${roundToTwo(position.x)}, y: ${roundToTwo(
        position.y,
      )}, z: ${roundToTwo(position.z)}`,
    );

    console.log(
      `XR Viewer Orientation: {x: ${roundToTwo(orientation.x)}, y: ${roundToTwo(
        orientation.y,
      )}, z: ${roundToTwo(orientation.z)}, w: ${roundToTwo(orientation.w)}`,
    );
  }
}

Spezifikationen

Spezifikation
Geometry Interfaces Module Level 1 # DOMPoint

Browser-Kompatibilitt

Siehe auch

Help improve MDN

War diese bersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen knnen Diese Seite wurde automatisch aus dem Englischen bersetzt.

bersetzung auf GitHub anzeigen Fehler mit dieser bersetzung melden

Geometry interfaces
DOMPoint
Konstruktor
1. DOMPoint()
Instanzeigenschaften
1. w
2. x
3. y
4. z
Statische Methoden
1. fromPoint()
Vererbung
1. DOMPointReadOnly
Verwandte Seiten fr Geometry Interfaces