Иногда в JavaScript необходимо получить размер изображения. И все бы неплохо, но в связи со всякими Retina-дисплеями и другими экранами с высокой плотностью пикселей, изображения на страницу ставят большого размера, а потом их уменьшают. В итоге простыми методами получить размер становится тяжеловато.
Вот способ узнать необходимые параметры с помошью неизменяемых свойств naturalWidth
и naturalHeight
.
var src="http://path.to/image.jpg",
img = new Image();
img.src = src;
img.onload = function() {
console.log('Ширина изображения: %s пикселей', this.naturalWidth);
console.log('Высота изображения: %s пикселей', this.naturalHeight);
}