微信小游戲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);

    顯示出來了，效果如下：

    

    發現微信小游戲的帖子非常少，發一片活躍一下