浏览器窗口调整大小后找出新的图像宽度高度

Question

我有一张图片，并在上面放置了标记。 问题是当浏览器窗口调整大小时，图像大小也会改变，因此标记的位置与之前不同。 所以，我想在浏览器窗口大小改变后找出图像的新位置和尺寸。 我想找出图像的新尺寸，但到目前为止没有任何效果。

我使用了 clientWidth 、 offsetWidth 、 naturalWidth ，它们在窗口调整大小之前和之后都显示相同的宽度。

（实际上我也有一个缩放属性，即使使用缩放后它也显示相同的宽度），所以我不确定是什么问题？

图片缩放后或浏览器窗口大小改变后如何查看新的图片高度宽度和位置？

Answer 1

在窗口调整大小时触发事件并查找图像高度

window.addEventListner("resize",function(){
     var img = document.getElementById("img1");
     console.log(img.clientWidth);
}