Programa JavaScript para obter as dimensões de uma imagem

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.

Artigos interessantes...