首页 > 微信 > 详细

微信小游戏canvas操作

时间:2019-01-08 18:35:09      阅读:328      评论:0      收藏:0      [点我收藏+]
这几天在做项目的时候,想在游戏画面之前,在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);
    显示出来了,效果如下:

    技术分享图片

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

 

微信小游戏canvas操作

原文:https://www.cnblogs.com/wangzio/p/10240208.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!