From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:24 +0200 Subject: convert content to md --- .../naturalheight/index.md | 60 ++++++++++------------ 1 file changed, 26 insertions(+), 34 deletions(-) (limited to 'files/fr/web/api/performanceelementtiming/naturalheight') diff --git a/files/fr/web/api/performanceelementtiming/naturalheight/index.md b/files/fr/web/api/performanceelementtiming/naturalheight/index.md index 204efdc562..0fc7a49636 100644 --- a/files/fr/web/api/performanceelementtiming/naturalheight/index.md +++ b/files/fr/web/api/performanceelementtiming/naturalheight/index.md @@ -10,55 +10,47 @@ tags: - PerformanceElementTiming translation_of: Web/API/PerformanceElementTiming/naturalHeight --- -
{{APIRef("Element Timing API")}}
+{{APIRef("Element Timing API")}} -

La propriété en lecture seule naturalHeight de l'interface PerformanceElementTiming renvoie la hauteur intrinsèque de l'élément image.

+La propriété en lecture seule **`naturalHeight`** de l'interface [`PerformanceElementTiming`](/fr/docs/Web/API/PerformanceElementTiming) renvoie la hauteur intrinsèque de l'élément image. -

Syntaxe

+## Syntaxe -
var height = PerformanceElementTiming.naturalHeight;
+```js +var height = PerformanceElementTiming.naturalHeight; +``` -

Valeur

-

Un entier de 32 bits non signé (unsigned long) qui est la hauteur intrinsèque de l'image si cela est appliqué à une image, 0 pour le texte.

+### Valeur -

Exemples

+Un entier de 32 bits non signé (_unsigned long_) qui est la hauteur intrinsèque de l'image si cela est appliqué à une image, 0 pour le texte. -

Dans cet exemple, le fichier image a une largeur de 1000px et une hauteur de 750px. L'appel de entry.naturalHeight renvoie 750, c'est-à-dire la hauteur intrinsèque en pixels.

+## Exemples -
<img src="image.jpg" alt="une belle image" elementtiming="big-image" id="myImage">
+Dans cet exemple, le fichier image a une largeur de 1000px et une hauteur de 750px. L'appel de `entry.naturalHeight` renvoie `750`, c'est-à-dire la hauteur intrinsèque en pixels. -
const observer = new PerformanceObserver((list) => {
-  let entries = list.getEntries().forEach(function (entry) {
+```html
+une belle image
+```
+
+```js
+const observer = new PerformanceObserver((list) => {
+  let entries = list.getEntries().forEach(function (entry) {
     if (entry.identifier === "big-image") {
       console.log(entry.naturalHeight);
     }
   });
 });
-observer.observe({ entryTypes: ["element"] });
+observer.observe({ entryTypes: ["element"] }); +``` -
-

Note : Cet exemple utilise l'interface PerformanceObserver pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément PerformanceEntry.entryType afin d'utiliser l'interface PerformanceElementTiming.

-
+> **Note :** Cet exemple utilise l'interface [`PerformanceObserver`](/fr/docs/Web/API/PerformanceObserver) pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément [`PerformanceEntry.entryType`](/fr/docs/Web/API/PerformanceEntry/entryType) afin d'utiliser l'interface `PerformanceElementTiming`. -

Specifications

+## Specifications - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('Element Timing API','#dom-performanceelementtiming-naturalheight','PerformanceElementTiming.naturalHeight')}}{{Spec2('Element Timing API')}}Initial definition.
+| Spécification | Statut | Commentaire | +| ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- | ------------------- | +| {{SpecName('Element Timing API','#dom-performanceelementtiming-naturalheight','PerformanceElementTiming.naturalHeight')}} | {{Spec2('Element Timing API')}} | Initial definition. | -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("api.PerformanceElementTiming.naturalHeight")}}

+{{Compat("api.PerformanceElementTiming.naturalHeight")}} -- cgit v1.2.3-54-g00ecf