PerformanceElementTiming.naturalWidth
La propriété en lecture seule naturalWidth
de l'interface PerformanceElementTiming
renvoie la largeur intrinsèque de l'élément image.
Syntaxe
var width = PerformanceElementTiming.naturalWidth;
Valeur
Un entier de 32 bits non signé (unsigned long) qui est la largeur intrinsèque de l'image si cela est appliqué à une image, 0 pour le texte.
Exemples
Dans cet exemple, le fichier image a une largeur de 1000px et une hauteur de 750px. L'appel de entry.naturalWidth
renvoie 1000
, c'est-à-dire la largeur intrinsèque en pixels.
<img
src="image.jpg"
alt="une belle image"
elementtiming="big-image"
id="myImage" />
const observer = new PerformanceObserver((list) => {
let entries = list.getEntries().forEach(function (entry) {
if (entry.identifier === "big-image") {
console.log(entry.naturalWidth);
}
});
});
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
.
Spécifications
Specification |
---|
Element Timing API # ref-for-dom-performanceelementtiming-naturalwidth |
Compatibilité des navigateurs
BCD tables only load in the browser