DOMRect

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'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.

Un DOMRect représente un rectangle.

Le type de boîte représenté par le DOMRect est spécifié par la méthode ou la propriété qui l'a retourné. Par exemple, VREyeParameters.renderRect de l'API WebVR spécifie la fenêtre d'un élément canvas dans laquelle le visuel pour un oeil doit être rendu.

Il hérite de son parent DOMRectReadOnly.

Constructeur

DOMRect(): Crée un nouvel objet DOMRect.

Propriétés

DOMRect hérite des propriétés de son parent DOMRectReadOnly. À une différence près, elles ne sont plus en lecture seule.

DOMRectReadOnly.x: La coordonnée x de l'origine du DOMRect.
DOMRectReadOnly.y: La coordonnée y de l'origine du DOMRect.
DOMRectReadOnly.width: La largeur du DOMRect.
DOMRectReadOnly.height: La hauteur du DOMRect.
DOMRectReadOnly.top: Renvoie la valeur de la coordonnée supérieure de DOMRect (a la même valeur que y, ou y + height (y + hauteur) si height est négative).
DOMRectReadOnly.right: Renvoie la valeur de la coordonnée droite du DOMRect (a la même valeur que x + width (x + largeur), ou x si width est négative).
DOMRectReadOnly.bottom: Renvoie la valeur de la coordonnée du bas du DOMRect (a la même valeur que y + height (y + hauteur), ou y si height est négative).
DOMRectReadOnly.left: Renvoie la valeur de la coordonnée de gauche du DOMRect (a la même valeur que x, ou x + width (x + largeur) si width est négative).