Attributo naturalWidth dell'immagine

Oggetto Image DOM HTML

Definizione e uso

naturalWidth L'attributo restituisce la larghezza originale dell'immagine.

Ad esempio, se hai un'immagine che all'inizio era larga 100 pixel. Quindi, utilizzi CSS/oppure utilizzi l'attributo "larghezza" dell'HTML per impostare lo stile dell'immagine, rendendo la larghezza 500 pixel. L'attributo naturalWidth restituirà "100", mentre l'attributo width restituirà 500.

Suggerimento:Utilizza Attributo naturalHeight Restituisce l'altezza originale dell'immagine, o utilizza Attributo height Imposta o restituisce la larghezza dell'immagine Attributo height valore.

Attenzione:Questa proprietà è sola lettura.

Esempio

Esempio 1

Restituisce la larghezza originale dell'immagine:

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

Prova personalmente

Esempio 2

La differenza tra l'attributo naturalWidth e l'attributo width:

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

Prova personalmente

Sintassi

imageObject.naturalWidth

Dettagli tecnici

Valore di ritorno: Valore numerico che rappresenta la larghezza originale dell'immagine (in pixel).

Supporto browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto 9.0 Supporto Supporto Supporto

Oggetto Image DOM HTML