js使用canvas合成图片后生成base64一直报错,有大神指导下是哪里出问题吗?

Posted 2023-02-24

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

var bg = document.getElementById('hecheng_bg');
ctx.drawImage(bg,0,0,400,534);

var img = document.getElementById('qrcode_tmp');
ctx.drawImage(img,70,20,260,260);

var new_img = canvas.toDataURL("image/png");
console.log(new_img)

经测试，你这代码没问题。估计问题出在两张图片的URL，这两张图片都必须是与html放在同一域名下的，如果是跨域图片，就会报错 参考技术A 到chrome浏览器控制台里面，看具体错误提示，才好查出原因