Esempio
Riportare la larghezza originale di un'immagine:
var x = document.getElementById("myImg").naturalWidth;
Il risultato di x sarà:
107
Prova tu stesso " Definizione e utilizzo
La proprietà naturalWidth restituisce la larghezza originale di un'immagine.
Ad esempio, se si dispone di un'immagine che è originariamente largo 100 pixel. Poi, si acconciare l'immagine con i CSS / o utilizzando l'attributo HTML "larghezza" per rendere più di 500 pixel di larghezza. La proprietà naturalWidth tornerà "100", il larghezza di proprietà comunque, tornerà 500.
Suggerimento: Utilizzare la naturalHeight di proprietà per restituire l'altezza originale di un'immagine, o la altezza di proprietà per impostare o restituire il valore della height attributi di un'immagine.
Nota: Questa proprietà è di sola lettura.
Supporto per il browser
Proprietà | |||||
---|---|---|---|---|---|
naturalWidth | sì | 9.0 | sì | sì | sì |
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;
Prova tu stesso " 