未调用图片加载

Question

只是开始使用打字稿，我试图加载图像。我没有错误，但是画布上没有显示任何图像。

所以我有我的预加载器，它提供了一组URL。然后我的渲染函数应该绘制第一个图像。

render函数很好，但是加载永远不会减少到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"]);