Exemple
Retour à la largeur d'origine d'une image:
var x = document.getElementById("myImg").naturalWidth;
Le résultat de x sera:
107 Essayez - le vous - même » Définition et utilisation
La propriété naturalWidth retourne la largeur d'origine d'une image.
Par exemple, si vous avez une image qui est à l'origine de 100 pixels de large. Ensuite, vous le style de l'image avec CSS / ou en utilisant le HTML "width" attribut pour faire 500 pixels de large. La propriété naturalWidth retournera "100", le largeur propriété cependant, sera de retour 500.
Astuce: Utilisez le naturalHeight propriété pour revenir à la hauteur originale d'une image, ou la hauteur propriété pour définir ou renvoyer la valeur de la height attribut d'une image.
Remarque: Cette propriété est en lecture seule.
support du navigateur
| Propriété | |||||
|---|---|---|---|---|---|
| naturalWidth | Oui | 9.0 | Oui | Oui | Oui |
Syntaxe
imageObject .naturalWidthDétails techniques
| Valeur de retour: | Un numéro, ce qui représente la largeur d'origine d'une image en pixels |
|---|
Autres 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; Essayez - le vous - même » 
objet image