javascript - 图像在网页上打印时间过长 - JavaScript 问题

Question

我是 JavaScript 新手。当涉及到算法的逻辑时，我的代码运行良好。只是我希望将图像打印在网页上，但在网页上显示需要 3-4 分钟，而控件已经移出该语句并进一步执行代码。这就是我所做的：

function displayCartoon(player, i, j){

        console.log("CONTROL HERE");
        let image = player == "Man" ? Boat : Goat;
        console.log("I AM HERE!!!!");
        
        //This ctx.drawImage is taking too long for it to print it in my web application 
        ctx.drawImage(image, j * SPACE_SIZE, i * SPACE_SIZE);
        console.log("CONTROL EXITED!");
    
}

我还尝试为函数设置计时器并使用async函数，但似乎没有任何效果。

我错过了什么？

标签： javascriptcssimageonclick