L'attribut naturalWidth de l'image

Objet Image DOM HTML

Définition et utilisation

naturalWidth L'attribut retourne la largeur originale de l'image.

Par exemple, si vous avez une image initialement de 100 pixels de large, puis vous utilisez CSS/ou utilisez l'attribut "largeur" de HTML pour définir le style de l'image, de sorte que la largeur devienne de 500 pixels. L'attribut naturalWidth retournera "100", tandis que l'attribut width retournera 500.

Avis :Utilisez L'attribut naturalHeight Retourne la hauteur originale de l'image, ou utilisez L'attribut height Définir ou retourner la largeur de l'image L'attribut height la valeur.

Attention :Cette propriété est en lecture seule.

Exemple

Exemple 1

Retourne la largeur originale de l'image :

var x = document.getElementById("myImg").naturalWidth;

Essayez-le vous-même

Exemple 2

La différence entre les attributs naturalWidth et width :

var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;

Essayez-le vous-même

Syntaxe

imageObject.naturalWidth

Détails techniques

Valeur de retour : Valeur numérique, représentant la largeur originale de l'image (en pixels).

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support 9.0 Support Support Support

Objet Image DOM HTML