大型图像在Chrome中缓慢地从上到下逐渐进行涂装

时间:2016-08-22 22:34:14

标签: javascript image google-chrome javascript-events

我正在将一些非常大的图像(例如,5000×4000,44MB PNG)加载到本地运行的Chrome网络应用程序中,我看到图像从上到下缓慢地“涂抹”(就像一个图像可能会在互联网上的慢速连接上缓慢加载。)

我想等到这些图像在淡入它们之前完全呈现。但是,我等待图像加载的所有典型方法都让我失望了。我的加载事件处理程序触发,图像的完整文件大小被加载,图像报告正确的高度,但很多时候,图像只是部分渲染,仍然从顶部绘制。

更糟糕的是,Chrome会花费不一定的时间来绘制图像。有时图像会立即就绪 - 其他时间需要大约10秒钟。我真的不能再每次等待10秒钟以确保图像准备好显示。

有什么事情可以让我知道什么时候图像被完全涂上了吗?或者是否有任何属性我可以观察到知道图像的显示量是多少?

1 个答案:

答案 0 :(得分:1)

正如@Mike C正确指出的那样,您可以在DOM完全加载后添加图像,like he's done in his example.

UIViewControllers