微信小游戏canvas操作

这几天在做项目的时候,想在游戏画面之前,在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);
    显示出来了,效果如下:

    技术分享图片

    发现微信小游戏的帖子非常少,发一片活跃一下

 

  

相关文章