小编Lui*_*ipe的帖子

我正在努力创建一个脚本来为在 Canvas 上绘制的游戏加载多个图像。该窗口似乎在未完成所有图像的加载的情况下加载。我尝试了很多方法，但似乎没有一个有效。在实际加载图像之前调用 drawGameMenu() 函数，因此不会绘制图像。如果有人可以提供帮助，我将不胜感激。这是我的脚本，亲切的问候：

var imageNames = ["menuImage", "resetScoreButton", "instructionsButton", "playButton", "dialogPanel", "gamePlayImage", "exitButton", "timerPanel", "messengerPanel", "scoreBar", "yesButton", "noButton", "goButton"];
var imageFileNames = ["game_Menu", "reset_score_button", "instructions_button", "play_button", "dialog_panel", "game_play", "exit_button", "timer", "messenger_panel", "score_bar", "yes_button", "no_button", "go_button"];
var imageCollection = {};

window.addEventListener("load", function() {
    var u = imageNames.length - 1;
    for(i = 0; i <= u; i++) {
        var name = imageNames[i];
        imageCollection[name] = new Image();
        imageCollection[name].src = imageFileNames[i] + ".png";
        console.log(imageCollection[name]);
        imageCollection[name].addEventListener('load', function() {
            do {
                var x = …