From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/api/dompoint/index.html | 158 +++++++++++++++++++++++++++++++++++ 1 file changed, 158 insertions(+) create mode 100644 files/fr/web/api/dompoint/index.html (limited to 'files/fr/web/api/dompoint/index.html') diff --git a/files/fr/web/api/dompoint/index.html b/files/fr/web/api/dompoint/index.html new file mode 100644 index 0000000000..ffbcea3a5f --- /dev/null +++ b/files/fr/web/api/dompoint/index.html @@ -0,0 +1,158 @@ +--- +title: DOMPoint +slug: Web/API/DOMPoint +tags: + - API + - DOM + - Géométrie + - Point + - Quadrilatère +translation_of: Web/API/DOMPoint +--- +

{{APIRef("Geometry Interfaces")}}{{ SeeCompatTable() }}

+ +

Un DOMPoint 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 parent {{domxref("DOMPointReadOnly")}}.

+ +

Constructeur

+ +
+
{{domxref("DOMPoint.DOMPoint","DOMPoint()")}}
+
Crée un nouvel objet DOMPoint.
+
+ +

Méthodes

+ +

DOMPoint hérite des méthodes de son parent {{domxref("DOMPointReadOnly")}}.

+ +
+
{{domxref("DOMPointReadOnly.fromPoint")}}
+
Traduit la position/perspective d'un DOMPoint à une nouvelle position (ne semble pas encore être pris en charge).
+
+ +

Propriétés

+ +

DOMPoint hérite des propriétés de son parent {{domxref("DOMPointReadOnly")}}.

+ +
+
{{domxref("DOMPointReadOnly.x")}}
+
La coordonnée x du DOMPoint.
+
{{domxref("DOMPointReadOnly.y")}}
+
La coordonnée y du DOMPoint.
+
{{domxref("DOMPointReadOnly.z")}}
+
La coordonnée z du DOMPoint.
+
{{domxref("DOMPointReadOnly.w")}}
+
La valeur de perspective du DOMPoint.
+
+ +

Exemples

+ +

Dans l' API WebVR (VR = réalité virtuelle), les valeurs DOMPoint 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 avec {{domxref("PositionSensorVRDevice.getState")}}, puis en accédant au résultat de la  {{domxref("VRPositionState.position","position")}} de la propriété {{domxref("VRPositionState")}}, qui renvoie un DOMPoint. Notez ci-dessous l'utilisation de position.x, position.y et position.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 notre positionsensorvrdevice demo pour le code complet.

+
+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Geometry Interfaces', '#DOMPoint', 'DOMPoint')}}{{Spec2('Geometry Interfaces')}}Dernière version de la spécification est un ED.
+ +

Compatibilité des navigateurs

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + +
FonctionnalitéChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support{{CompatChrome(61)}}
+
+  		{{CompatVersionUnknown}}
+  		{{ CompatNo }} +

{{ CompatNo }}

+ 		{{ CompatNo }}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéAndroidFirefox Mobile (Gecko)Firefox OS (Gecko)IE PhoneOpera MobileSafari MobileChrome for Android
Basic support{{ CompatNo }}{{CompatVersionUnknown}}{{ CompatNo }}{{ CompatNo }}{{ CompatNo }}{{ CompatNo }}{{ CompatNo }}
+
+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf