Question

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

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

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

如何在缩放后或浏览器窗口大小更改后找出新的图像高度宽度和位置？

Answer 1

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

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