В този пример ще се научите да пишете програма на JavaScript, която ще получи размерите на изображението.
Пример: Вземете размери на изображение
// 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); )
Изход
ширина 1040 височина 922
В горната програма new Image()
конструкторът се използва за създаване на обект на изображение.
В Image()
конструктора създава нов образ елемент например.
img.src
след това се използва за добавяне на изображението, като се използва източник на URL адрес на изображение.
В img.onload()
Функцията се използва за достъп до височината и ширината на изображението.