仅在页面重新加载时才加载图像（HTML5 Canvas）

Question

当我第一次加载页面时，什么都没有显示，但是当我重新加载页面时，图像显示了。如何在首页加载时加载图片？我在SO上提到了一些答案，发现可以使用onload，但事实是我正在某个时间从另一个函数调用head.draw()。

let head_ = new Image();
head_.src = "img/head.png";

const head = {
    x : 12,
    y : 12,
    w : 36,
    h : 36,
    draw : function(){
        ctx.drawImage(head_, 0, 0, head_.width, head_.height, this.x, this.y, this.w, this.h);
    }
}

function draw(){
    // SOME CODE
    head.draw();
    // SOME CODE
}

function loop(){
    draw();
    requestAnimationFrame(loop);
}

即使在第一次加载时，所有其他图像也可以正常加载。这让我更加担心！

有什么方法可以强制加载图像吗？