html canvas ctx.drawImage图层问题

这个可能是加载的问题, img1图片比较大, 加载比较大, 所以加载完成后再drawImage, 就覆盖了img2和img3, 可以等所有图片都下载完成后, 再一块儿绘制, 代码如下;

img1.onload = drawImage;
img2.onload = drawImage;
img3.onload = drawImage;
function drawImage(){
    if(img1.complete && img2.complete && img3.complete){
        ctx.drawImage(img1,0,0);
        ctx.drawImage(img2,0,0);
        ctx.drawImage(img3,0,0);
    }
}

温馨提示：答案为网友推荐，仅供参考

当前网址：https://verywind.cn/ee/rfe2e7v32737vr2xre.html