- 当前 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
还是我自己来回答�?
看了别人的才发现,在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");
// };