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

Javascript 加载图像后计算图像尺寸时出现的问题,javascript,web-applications,size,Javascript,Web Applications,Size,在我们的web应用程序中,有一个div,其中包含若干项 此div的某些项是图像。这些图像在单页web应用程序启动后动态加载 在图像加载的loaded事件中,我开始计算每个项目的维度,并使用console.log记录维度 在某些情况下,虽然图像已加载,但由于图像尚未渲染,某些项目的大小没有其应有的大。它们已被加载,但尚未完全包含在DOM中并可见 当然,当我在加载事件后等待一秒钟开始计算时,一切都很好,但这对我来说不是一个干净的解决方案 当我可以开始计算时,我需要一些渲染事件 非常感谢您提供有关这方

在我们的web应用程序中,有一个div,其中包含若干项

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

在图像加载的loaded事件中,我开始计算每个项目的维度,并使用console.log记录维度

在某些情况下,虽然图像已加载,但由于图像尚未渲染,某些项目的大小没有其应有的大。它们已被加载,但尚未完全包含在DOM中并可见

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

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

非常感谢您提供有关这方面的有用信息

编辑:
我想提到的是,单页web应用程序已经启动。然后开始加载图像。

在运行JavaScript之前,使用此命令等待所有内容加载完毕:

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

请看Hello Nitsew!请看我的编辑评论。我不能使用你的.load,因为它是一个单页web应用程序,图像加载在启动后进行。也许你可以使用.complete JavaScript属性做些什么。