收藏
回答

小游戏无法画图 context.drawImage()

问题模块 框架类型 问题类型 终端类型 微信版本 基础库版本
框架 小游戏 Bug 客户端 7.0.5 2.7.5

- 当前 Bug 的表现(可附上截图)


wx.createImage()后再使用context.drawImage()无法画图。

日志显示回onload也是成功的 ,打印出了图片路径没问题 就是界面不显示棋子

- 预期表现


var img = wx.createImage();

img.src = 'images/chess_black.png';

ctx.drawImage(img,100,100,100,100);

在(100,100)的位置画100*100的小图标


- 复现路径


- 提供一个最简复现 Demo


最后一次编辑于  07-17  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答

1 个回答

  • 郭松涛-13219205186
    郭松涛-13219205186
    07-18

    还是我自己来回答�?  


    看了别人的才发现,在drawImage前,先要执行Image的onload,且有几张图片要createImage多少次,onload只执行一次就可以了,在onload的回调中执行drawImage()就没问题�?  


    var imgBlack = wx.createImage();

       imgBlack.src = 'images/chess_black.png';

       var imgWhite = wx.createImage();

       imgWhite.src = 'images/chess_white.png';

       imgWhite.onload = () => {

         console.log("imgWhite.onload");

         this.drawChessesStart();

       };

       //??什么鬼逻辑:多个image时,Image必须有,onload可以�????

       //  imgBlack.onload = () => {

       //   console.log("imgBlack.onload");

       // };




    07-18
    赞同 11
    回复