In questo esempio imparerai a scrivere un programma JavaScript che otterrà le dimensioni di un'immagine.
Esempio: ottieni le dimensioni di un'immagine
// program to get the dimensions of an image const img = new Image(); // get the image img.src = '//cdn.programiz.com/sites/tutorial2program/files/cover-artwork.png.webp'; // get height and width img.onload = function() ( console.log('width ' + this.width) console.log('height '+ this.height); )
Produzione
larghezza 1040 altezza 922
Nel programma precedente, il new Image()
costruttore viene utilizzato per creare un oggetto immagine.
Il Image()
costruttore crea una nuova istanza dell'elemento immagine.
img.src
viene quindi utilizzato per aggiungere l'immagine utilizzando un'origine URL immagine.
La img.onload()
funzione viene utilizzata per accedere all'altezza e alla larghezza dell'immagine.