Ejemplo
Devolver el ancho original de una imagen:
var x = document.getElementById("myImg").naturalWidth;
El resultado de x será:
107
Inténtalo tú mismo " Definición y Uso
La propiedad naturalWidth devuelve el ancho original de una imagen.
Por ejemplo, si usted tiene una imagen que es originalmente de 100 píxeles de ancho. Entonces, que el estilo de la imagen con CSS / o mediante el atributo HTML "ancho" para que sea 500 píxeles de ancho. La propiedad naturalWidth volverá "100", el ancho de propiedad sin embargo, volverá 500.
Consejo: Utilice la naturalHeight propiedad para devolver la altura original de una imagen, o la altura de propiedad para establecer o devolver el valor de la height atributo de una imagen.
Nota: Esta propiedad es de sólo lectura.
Soporte para el navegador
Propiedad | |||||
---|---|---|---|---|---|
naturalWidth | Sí | 9.0 | Sí | Sí | Sí |
Sintaxis
imageObject .naturalWidth
Detalles técnicos
Valor de retorno: | Un número que representa la anchura original de la imagen en píxeles |
---|
Más ejemplos
Ejemplo
La diferencia entre la propiedad y naturalWidth la propiedad width:
var x = document.getElementById("myImg").naturalWidth;
var y =
document.getElementById("myImg").width;
Inténtalo tú mismo " objeto de imagen