canvas图片问题和移动端iOS系统onload事件失效的问题

canvas图片问题

做的一个项目需要将两张图片合成一张图片输出，想到可以用canvas来实现图片的合成

 var self = this;
var codeImg = document.getElementById("qrcode").getElementsByTagName("img")[0];
var bgImg = document.createElement("img");
            
codeImg.setAttribute("crossOrigin", 'anonymous');
bgImg.setAttribute("crossOrigin", 'anonymous');

var canvas = document.getElementById("myCanvas");
            canvas.width = "375";
            canvas.height = '667';
var ctx = canvas.getContext("2d");
    ctx.rect(0,0,375,667);
    ctx.fillStyle = '#fff';
    ctx.fill(); 

通过canvas合成图片有一个要注意的技术点，就是获取的img元素，需要设置属性img.setAttribute("crossOrigin","anonymous")
不设置该属性的话，就会出现错误如下：