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