我正在使用画布进行游戏。我有一个将自身绘制到画布上的 Sprite 对象,在 Sprite 类中,我在创建对象时创建了 Image 成员及其 src 属性。
这是不起作用的代码:
Sprite.prototype.draw = function(Context){
this.Image.onLoad = function(){
Context.drawImage(this.getImage(),this.getX(),this.getY());
};
};
在对象构造函数中,我传入一个字符串参数,它是图像的文件路径 - 这是正确存储的。
我感觉问题出在 setImage 函数上:
Sprite.prototype.setImage = function(){
this.Image = document.createElement('img');
this.Image.src = this.getImagePath(); //This just returns the path as a
string
};
我在运行时没有错误......但图像没有绘制到屏幕上?
任何人都可以指出发生了什么?我已经搜索过这个问题的答案,但在每个人中,所有元素都是在 html 文档中创建的,而我的所有元素都是动态创建的,不知道这是否有什么不同。
干杯