DOMRect
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 quey
, ouy + height
(y + hauteur) siheight
est négative). DOMRectReadOnly.right
-
Renvoie la valeur de la coordonnée droite du
DOMRect
(a la même valeur quex + width
(x + largeur), oux
siwidth
est négative). DOMRectReadOnly.bottom
-
Renvoie la valeur de la coordonnée du bas du
DOMRect
(a la même valeur quey + height
(y + hauteur), ouy
siheight
est négative). DOMRectReadOnly.left
-
Renvoie la valeur de la coordonnée de gauche du
DOMRect
(a la même valeur quex
, oux + width
(x + largeur) siwidth
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