Propriété de largeur naturelle de l' image
Exemple
Renvoie la largeur d'origine d'une image :
var x = document.getElementById("myImg").naturalWidth;
Définition et utilisation
La propriété naturalWidth renvoie la largeur d'origine d'une image.
Par exemple, si vous avez une image qui fait à l'origine 100 pixels de large. Ensuite, vous stylisez l'image avec CSS/ou en utilisant l'attribut HTML "width" pour lui donner une largeur de 500 pixels. La propriété naturalWidth renverra "100", la propriété width renverra cependant 500.
Astuce : Utilisez la propriété naturalHeight pour renvoyer la hauteur d'origine d'une image, ou la propriété height pour définir ou renvoyer la valeur de l'attribut height d'une image.
Remarque : Cette propriété est en lecture seule.
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
naturalWidth | Yes | 9.0 | Yes | Yes | Yes |
Syntaxe
imageObject.naturalWidth
Détails techniques
Valeur de retour : | Un nombre, représentant la largeur d'origine d'une image en pixels |
---|
Plus d'exemples
Exemple
La différence entre la propriété naturalWidth et la propriété width :
var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;
❮ Objet image