Получить исходные размеры измененного HTML-элемента изображения

Question

Существует ли простой и эффективный способ получить истинные размеры (в JavaScript) изображения, отображаемого в элементе <img> с потенциально другим размером рендеринга (например, через max-height или max-width)? 1004 *

Answer 1

Есть атрибуты naturalWidth и naturalHeight DOM.

Например:

var image = new Image();
image.src = "test.jpg";
image.onload = function() {
    alert('width - ' + image.naturalWidth);
    alert('height - ' + image.naturalHeight);
}

Или посмотрите пример на jsFiddle.

Больше информации на MDN