Увеличенные изображения не имеют разных размеров в соответствии с JavaScript. ⇐ CSS

[Anonymous]

Есть ли способ получить фактический размер увеличенного изображения с помощью JavaScript? После добавления эффекта масштабирования CSS к изображению и последующего получения размера через JS он возвращает исходный размер.

Код: Выделить всё

var img = document.getElementById('img');
var box = document.getElementById('box')

box.innerHTML += "
height: "
+ img.height +
"px
width: "
+ img.width + "px";

Код: Выделить всё

#img{zoom:20%}

Код: Выделить всё

[img]https://tse2.mm.bing.net/th/id/OIP.Lt_KplHna5Rxc5JdcOAXuQHaHa?rs=1&pid=ImgDetMain[/img]

https://codepen.io/tinkersncody/pen/dyxENwq



https://codepen.io/tinkersncody/pen/dyxENwq



https://codepen.io/tinkersncody/pen/dyxENwq

Подробнее здесь: https://stackoverflow.com/questions/792 ... javascript