Neste exemplo, você aprenderá a escrever um programa JavaScript que obterá as dimensões de uma imagem.
Exemplo: obter dimensões de uma imagem
// 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); )
Resultado
largura 1040 altura 922
No programa acima, o new Image()
construtor é usado para criar um objeto de imagem.
O Image()
construtor cria uma nova instância de elemento de imagem.
img.src
é então usado para adicionar a imagem usando uma fonte de URL de imagem.
A img.onload()
função é usada para acessar a altura e largura da imagem.