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

    顯示出來了，效果以下：

    

    發現微信小遊戲的帖子很是少，發一片活躍一下