画布drawImage oop

Question

我似乎无法弄清楚如何在画布上绘制图像。 我已经搜索了一个解决方案，人们正在谈论img.onload，但我无法弄清楚如何用oop实现这个。 - 据我所知，图片需要首先加载，但我如何才能使其符合序列？

这是我结构的一个非常简化的例子。

window.onload = function () {
    var MyApp = new App();
    MyApp.Loop();
}
class App {
    elements: cElement[] = [];
    canvas: Canvas = new Canvas(); 
    Loop() {
        this.canvas.clear();
        this.Draw();
        requestAnimationFrame(this.Loop.bind(this));
    }
    Draw() {
        for (var i = 0; i < this.elements.length; i++) {
            var e = this.elements[i];
            var img = new Image(e.width, e.heigth);
            img.src = e.ImagePath;
            this.canvas.Ctx.drawImage(img, e.x, e.y);
        }
    }
}

任何知道怎么做的人？

提前致谢