Immagine proprietà naturalWidth
Esempio
Restituisce la larghezza originale di un'immagine:
var x = document.getElementById("myImg").naturalWidth;
Definizione e utilizzo
La proprietà naturalWidth restituisce la larghezza originale di un'immagine.
Ad esempio, se hai un'immagine che originariamente è larga 100 pixel. Quindi, stili l'immagine con CSS/o utilizzando l'attributo HTML "width" per renderla larga 500 pixel. La proprietà naturalWidth restituirà "100", mentre la proprietà width restituirà 500.
Suggerimento: utilizza la proprietà naturalHeight per restituire l'altezza originale di un'immagine o la proprietà height per impostare o restituire il valore dell'attributo height di un'immagine.
Nota: questa proprietà è di sola lettura.
Supporto browser
Property | |||||
---|---|---|---|---|---|
naturalWidth | Yes | 9.0 | Yes | Yes | Yes |
Sintassi
imageObject.naturalWidth
Dettagli tecnici
Valore di ritorno: | Un numero, che rappresenta la larghezza originale di un'immagine in pixel |
---|
Altri esempi
Esempio
La differenza tra la proprietà naturalWidth e la proprietà width:
var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;
❮ Oggetto immagine