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.

DOMRectReadOnly DOMRect

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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
DOMRect
DOMRect() constructor
fromRect() static method
height
width
Available in workers
x
y

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Uses a non-standard name.
Has more compatibility info.

Voir aussi