Propiedad naturalWidth de Image

Objeto Image del DOM HTML

Definición y uso

naturalWidth La propiedad devuelve el ancho original de la imagen.

Por ejemplo, si tienes una imagen que originalmente tenía un ancho de 100 píxeles. Luego, usas CSS/ o usa el atributo "ancho" de HTML para establecer el estilo de la imagen, haciendo que su ancho sea de 500 píxeles. La propiedad naturalWidth devolverá "100", mientras que la propiedad width devolverá 500.

Consejo:Usa Propiedad naturalHeight Devuelve la altura original de la imagen, o usa Propiedad height Establece o devuelve el ancho de la imagen Propiedad height El valor.

Nota:Esta propiedad es de solo lectura.

Ejemplo

Ejemplo 1

Devuelve el ancho original de la imagen:

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

Pruebe personalmente

Ejemplo 2

La diferencia entre las propiedades naturalWidth y width:

var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;

Pruebe personalmente

Sintaxis

imageObject.naturalWidth

Detalles técnicos

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

Compatibilidad con navegadores

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

Objeto Image del DOM HTML