在加载图像后计算图像尺寸时出现问题

Problems when calculating the dimensions of images after they have been loaded

本文关键字:图像 问题 加载 计算      更新时间:2023-09-26

在我们的web应用程序中有一个div,里面有几个"items"。

这个div的一些项是图像。这些图片是在单页web应用程序启动后动态加载的。

在加载图像的"loaded"事件上,我开始计算每个项目的尺寸(我也用console.log记录尺寸)。

在某些情况下-虽然图片已经加载-一些项目的大小不像他们应该的那么大,因为图片还没有"渲染"。它们已经被加载,但还没有完全包含到DOM中并且可见。

当然,当我在"加载"事件后等待1秒开始计算时,一切都很好,但这对我来说不是一个干净的解决方案。

我需要一些"渲染"事件,当我可以开始计算。

非常感谢你提供的有用信息。

编辑:
我想提一下,单页web应用程序已经启动。在此开始之后,图像被加载。

使用此参数等待所有内容加载完毕后再运行JavaScript:

$(window).load(function(){
    // your code here
});