Javascript 如何强制加载未加载到HTML5画布中的图像？

在上面的代码中，第一次加载页面时，我的日志中没有记录任何内容，当我刷新页面时，图像加载时，没有记录任何内容。如何在第一页加载中强制加载图像

我已经参考了很多答案，但到目前为止都没有任何帮助。我使用了

onload

，但第一次加载时图像没有加载，因为我使用

head.complete检查它。如果缓存有问题，我甚至在图像的末尾添加了一个时间戳。。但是没有运气

所有其他图像都能完美加载。
我假设您的脚本直接在顶级函数document.ready（）中运行，或者您的脚本在第一个函数中运行。然后，您可以选择以下选项之一：

如果满足以下任一条件，则认为图像已完全加载：

未指定src或srcset属性。
srcset属性不存在，src属性在指定时为空字符串（“”）。
图像资源已完全获取，并已排队进行渲染/合成。
image元素先前已确定映像完全可用并可供使用。
图像已“损坏”；即，由于错误或图像加载被禁用，图像加载失败。
值得注意的是，由于可能异步接收映像，因此在脚本运行时，complete的值可能会更改

另外，我假设您将head变量附加到or body元素。
如果指向图像的链接正常，您可以在浏览器控制台中检查到（如果您跨过链接，它将显示图像）
可能重复的我已编辑我的问题请看一看我感谢编辑，但我们需要查看您如何使用
onload
的完整示例。绝大多数情况下，
onload
是解决方案，因此在如何使用它时可能存在问题。解决问题的答案可能会识别出
onload
方法中的错误，但在显示当前
onload
方法的代码之前，目前无法提供此类答案。@apsillers问题是，我在开始加载图像，然后一个函数调用draw（）函数在某个特定时间稍后运行，我想
onload
不会有帮助至少在创建图像对象后立即设置属性
w
和
h
，而无需等待图像加载。
let head = new Image();
head.src = "img/head.png";

if(!head.complete)
    console.log('NOT');