Загрузка изображения не вызывается

Question

Только начал использовать машинопись и я пытаюсь получить изображение для загрузки.У меня нет ошибок, но холст не показывает никакого изображения.

Так что у меня есть мой preloader, который я предоставляю массив URL.Тогда моя функция рендера, которая должна нарисовать первое изображение.

Функция рендеринга вызывается нормально, однако загрузка никогда не уменьшается до 0.

public preloader(imageURLs: Array<string>){
    // function creates and loads an image
    function createImage(url:string){
        loading += 1; // count up when loading images
        const image = new Image();
        image.src = url;
        image.onload = () => loading -= 1;  // count down when loaded
        return image; 
    }
    const images = imageURLs.map(createImage);
    return images;
}

private render(): void {
    if(loading === 0){ // all images have loaded
        ctx.drawImage(imageList[0],0,0);  // draw first image
        console.log("Drawing");
    }
}

Затем она вызывается так

imageList = this.preloader(["/images/background.png"]);