var bg = new Image();
bg.src="images/bg.png";
bg.onload = function(){
ctx.drawImage(bg, 0, 0, screenWidth, screenHeight)
}
var horn = new Image();
horn.src = "images/horn.png"
horn.onload = function(){
ctx.drawImage(horn, 10, 10, 40, 40);
}
求解求解,用小程序游戏布局一个页面,在一个canvas这样绘制不是不是不行的?为什么第二张图不显示?
可能你的第一张图片把第二张图片覆盖了 (第二张图片小先绘制了,第一张图片大晚了一步)改成同步的试试
有道理!谢啦
这个问题,我也碰到了,我的设想跟你一致:第一张图铺满屏幕,第二张图“漂在”第一张图上面。详见https://developers.weixin.qq.com/community/develop/doc/000e0c76b28128615cf7bda0056400。目前所知:如果不重叠,手机上也可以显示2张图片;有重叠的话,目前手机上堆叠顺序无法控制。
ctx.drawImage 这个api第一个参数图片资源可以写二进制内容么?