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

   

   

這張圖片卻怎麼也顯示不出來。

   後來發現:canvas


找資料說要添加image的onload方法:
    var img = new Image(100, 100)
    img.src = BG_IMG_SRC
    img.onload = this.drawImageActualSize();
    ctx.drawImage(this.img, 10, 10);
    顯示出來了,效果以下:

    

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

相關文章
相關標籤/搜索