Изображение занимает слишком много времени для печати на веб-странице - проблема JavaScript

Question

Я новичок в JavaScript. Мой код работает нормально, когда дело доходит до logi c алгоритма. Просто я хочу, чтобы изображение было напечатано на веб-странице, но для отображения на веб-странице требуется 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 функции, но ничего не работает.

Что мне не хватает?