Javascript - 预加载的图像渲染延迟(仅限第一次）

Javascript - preloaded image is rendered late (only for the first time)

本文关键字：延迟 第一次 加载 图像 Javascript      更新时间：2023-09-26

我使用以下代码预加载图像：

var image = new Image();
image.addEventListener("load", loadHandler, false);
image.src = "someImage.png";
function loadHandler()
{
  // the programme continues
}

假设图像是指游戏中发生的某个按钮。

问题是代码在第一次渲染图像时等待几秒钟（使用 drawImage 函数）。所有其他用法（意味着图像应该再次显示）都是即时的。

图像是一个精灵表，大小约为 3 MB。所有内容都在本地计算机上。

如果我正确理解您的问题，这不是关于加载，而是关于渲染精灵（它很大）。

将其

插入document（您想要的任何位置）然后等待它加载然后再执行其他任何操作可能会有所帮助。

您可以借助opacity，visibility等属性将其隐藏（任何选择都可以

）。

如果您的目标浏览器支持它，您也可以改用链接预取。

相关文章：