Propiedad naturalHeight de Image

Objeto Image del DOM HTML

Definición y uso

naturalHeight La propiedad devuelve la altura original de la imagen.

Por ejemplo, si tiene una imagen que originalmente tenía 200 píxeles de altura. Luego, utiliza CSS/ o utiliza la propiedad "height" de HTML para establecer el estilo de la imagen, haciendo que su altura sea de 500 píxeles. La propiedad naturalHeight devolverá "200", mientras que la propiedad height devolverá 500.

Consejo:Utilice Propiedad naturalWidth Devuelve el ancho original de la imagen o utiliza Propiedad width Establecer o devolver la Propiedad width el valor.

Nota:Esta propiedad es de solo lectura.

Ejemplo

Ejemplo 1

Devuelve la altura original de la imagen:

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

Prueba por ti mismo

Ejemplo 2

La diferencia entre las propiedades naturalHeight y height:

var x = document.getElementById("myImg").naturalHeight;
var y = document.getElementById("myImg").height;

Prueba por ti mismo

Sintaxis

imageObject.naturalHeight

Detalles técnicos

Valor devuelto: Valor numérico que representa la altura original de la imagen (en píxeles).

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte 9.0 Soporte Soporte Soporte

Objeto Image del DOM HTML