DOMPoint

Baseline Widely available

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis ⁨janvier 2020⁩.

Expérimental:Il s'agit d'unetechnologie expérimentale.
Vérifiez attentivement letableau de compatibilité des navigateurs avant de l'utiliser en production.

UnDOMPoint représente un point 2D ou 3D dans le système de coordonnées.

En général, un x positif représente une position à droite de l'origine ; un y positif est une position au-dessus de l'origine ; et un z positif est une position vers l'extérieur de l'écran (autrement dit, opposée à la direction de l'utilisateur).

Il hérite de son parentDOMPointReadOnly.

Constructeur

DOMPoint(): Crée un nouvel objetDOMPoint.

Méthodes

DOMPoint hérite des méthodes de son parentDOMPointReadOnly.

DOMPointReadOnly.fromPoint: Traduit la position/perspective d'unDOMPoint à une nouvelle position (ne semble pas encore être pris en charge).

Propriétés

DOMPoint hérite des propriétés de son parentDOMPointReadOnly.

DOMPointReadOnly.x: La coordonnée x duDOMPoint.
DOMPointReadOnly.y: La coordonnée y duDOMPoint.
DOMPointReadOnly.z: La coordonnée z duDOMPoint.
DOMPointReadOnly.w: La valeur de perspective duDOMPoint.

Exemples

Dans l'API WebVR (VR = réalité virtuelle), les valeursDOMPoint sont utilisées pour représenter les points dans l'espace de coordonnées dans lequel l'affichage monté sur la tête de l'utilisateur existe. Dans l'extrait suivant, la position du VR HMD peut être récupérée en saisissant d'abord une référence à l'état actuel du capteur de position avecPositionSensorVRDevice.getState, puis en accédant au résultat de laposition de la propriétéVRPositionState, qui renvoie unDOMPoint. Notez ci-dessous l'utilisation deposition.x,position.y etposition.z.

function setView() {      var posState = gPositionSensor.getState();      if(posState.hasPosition) {        posPara.textContent = 'Position: x' + roundToTwo(posState.position.x) + " y"                                    + roundToTwo(posState.position.y) + " z"                                    + roundToTwo(posState.position.z);        xPos = -posState.position.x * WIDTH * 2;        yPos = posState.position.y * HEIGHT * 2;        if(-posState.position.z > 0.01) {          zPos = -posState.position.z;        } else {          zPos = 0.01;        }      }  ...}

Note :Voir notrepositionsensorvrdevice demo pour le code complet.