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