Propiedad de altura natural de la imagen
Ejemplo
Devuelve la altura original de una imagen:
var x = document.getElementById("myImg").naturalHeight;
Definición y uso
La propiedad naturalHeight devuelve la altura original de una imagen.
Por ejemplo, si tiene una imagen que originalmente tiene 200 píxeles de alto. Luego, le das estilo a la imagen con CSS o usando el atributo de "altura" de HTML para que tenga 500 píxeles de alto. La propiedad naturalHeight devolverá "200", sin embargo, la propiedad height devolverá 500.
Sugerencia: use la propiedad naturalWidth para devolver el ancho original de una imagen o la propiedad width para establecer o devolver el valor del atributo de ancho de una imagen.
Nota: Esta propiedad es de solo lectura.
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
naturalHeight | Yes | 9.0 | Yes | Yes | Yes |
Sintaxis
imageObject.naturalHeight
Detalles técnicos
Valor de retorno: | Un número, que representa la altura original de una imagen en píxeles |
---|
Más ejemplos
Ejemplo
La diferencia entre la propiedad naturalHeight y la propiedad height:
var x = document.getElementById("myImg").naturalHeight;
var y = document.getElementById("myImg").height;
❮ Objeto de imagen