Gli ultimi tutorial di sviluppo web
 

Immagine naturalWidth Proprietà

Immagine Oggetto di riferimento immagine oggetto

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 9.0

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 "

Immagine Oggetto di riferimento immagine oggetto