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/domrect/domrect/index.html | 121 ++++++++++++++++++++++++++++ files/fr/web/api/domrect/index.html | 89 ++++++++++++++++++++ 2 files changed, 210 insertions(+) create mode 100644 files/fr/web/api/domrect/domrect/index.html create mode 100644 files/fr/web/api/domrect/index.html (limited to 'files/fr/web/api/domrect') diff --git a/files/fr/web/api/domrect/domrect/index.html b/files/fr/web/api/domrect/domrect/index.html new file mode 100644 index 0000000000..146bcd6b43 --- /dev/null +++ b/files/fr/web/api/domrect/domrect/index.html @@ -0,0 +1,121 @@ +--- +title: DOMRect.DOMRect() +slug: Web/API/DOMRect/DOMRect +tags: + - API + - Constructeurs + - DOM + - Géométrie + - Rectangle +translation_of: Web/API/DOMRect/DOMRect +--- +

{{APIRef("DOM")}}{{ SeeCompatTable() }}

+ +

Le constructeur DOMRect() crée un nouvel objet {{domxref("DOMRect")}}.

+ +

Syntaxe

+ +
var myDOMRect = new DOMRect(x, y, width, height);
+ +

Paramètres

+ +
+
x
+
La coordonnée x de l'orginie du DOMRect.
+
y
+
La coordonnée y de l'origine du DOMRect.
+
width
+
La largeur du DOMRect.
+
height
+
La hauteur du DOMRect.
+
+ +

Exemples

+ +

Pour créer un nouveau DOMPoint, vous pouvez exécuter une ligne de code telle que celle-ci :

+ +
myDOMRect = new DOMRect(0,0,100,100);
+// l'exécution de 'myDOMRect' dans la console devrait alors renvoyer
+// DOMRect { x: 0, y: 0, width: 100, height: 100, top: 0, right: 100, bottom: 100, left: 0 }
+
+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Geometry Interfaces', '#dom-domrectreadonly-domrectreadonlyx-y-width-height', 'DOMRect()')}}{{Spec2('Geometry Interfaces')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{ CompatibilityTable() }}

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

{{ CompatNo }}

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

Voir aussi

+ + diff --git a/files/fr/web/api/domrect/index.html b/files/fr/web/api/domrect/index.html new file mode 100644 index 0000000000..4c63c7bc07 --- /dev/null +++ b/files/fr/web/api/domrect/index.html @@ -0,0 +1,89 @@ +--- +title: DOMRect +slug: Web/API/DOMRect +tags: + - API + - DOM + - Géométrie + - Objets + - Rectangle +translation_of: Web/API/DOMRect +--- +

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

+ +

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, {{domxref("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 {{domxref("DOMRectReadOnly")}}.

+ +

{{InheritanceDiagram}}

+ +

Constructeur

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

Propriétés

+ +
+
+ +

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

+ +
+
{{domxref("DOMRectReadOnly.x")}}
+
La coordonnée x de l'origine du DOMRect.
+
{{domxref("DOMRectReadOnly.y")}}
+
La coordonnée y de l'origine du DOMRect.
+
{{domxref("DOMRectReadOnly.width")}}
+
La largeur du DOMRect.
+
{{domxref("DOMRectReadOnly.height")}}
+
La hauteur du DOMRect.
+
{{domxref("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).
+
{{domxref("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).
+
{{domxref("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).
+
{{domxref("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 {{domxref("DOMRectReadOnly")}}.

+ +
+
{{domxref("DOMRectReadOnly.fromRect()")}}
+
Crée un nouvel objet DOMRect avec l'emplacement et les dimensions données.
+
+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Geometry Interfaces', '#DOMRect', 'DOMRect')}}{{Spec2('Geometry Interfaces')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.DOMRect")}}

+ +

Voir aussi

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