DOMRect

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Expérimental: Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

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).

Méthodes

DOMRect hérite des méthodes de son parent DOMRectReadOnly.

DOMRectReadOnly.fromRect(): Crée un nouvel objet DOMRect avec l'emplacement et les dimensions données.

Spécifications

Specification
Geometry Interfaces Module Level 1 # DOMRect

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi

DOMPoint