Los últimos tutoriales de desarrollo web
 

Imagen naturalWidth Propiedad

Imagen Referencia de objetos objeto de imagen

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 9.0

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 "

Imagen Referencia de objetos objeto de imagen