微信小游戏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);
    显示出来了,效果如下:

    

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

猜你喜欢

转载自www.cnblogs.com/wangzio/p/10240208.html
今日推荐