这几天在做项目的时候,想在游戏画面之前,在Canvas上面画上一张背景图,代码如下
let ctx = canvas.getContext(‘2d‘)
export default class Main {
constructor() {
this.startpic()
}
startpic(){
var img = new Image(100, 100)
img.src = BG_IMG_SRC
ctx.drawImage(this.img, 10, 10);
}
}
这张图片却怎么也显示不出来。
后来发现:
找资料说要添加image的onload方法:
var img = new Image(100, 100)
img.src = BG_IMG_SRC
img.onload = this.drawImageActualSize();
ctx.drawImage(this.img, 10, 10);
显示出来了,效果如下:
发现微信小游戏的帖子非常少,发一片活跃一下