// PS:也没用,最后还是让后端设置了允许跨域…………
//调用
const createImg = () => {
const canvas = document.getElementById('canvas');
canvas.width = 1772;
canvas.height = 2480;
const context = canvas.getContext('2d');
loadImage(imgUrl, (bgImg) => {
context.drawImage(bgImg, 0, 0, 1772, 2480);
context.font = "normal bold 64px 'webfont'";
context.textBaseline = 'top';
context.fillStyle = '#000000';
context.textAlign = 'center';
loadImage(imgLink, (qrImg) => {
context.drawImage(qrImg, 351, 392, 1068, 1068);
});
});
};
//关键(处理图片)
const loadImage = (url, callback) => {
var img = new Image();
img.onload = function () {
callback(img);
};
if (img.complete) {
img.src = url;
callback(img);
return;
}
img.setAttribute('crossOrigin', 'anonymous');
img.crossOrigin = 'Anonymous';
};
//以上也不管用,最后还是在网站里配置了跨域才解决
网友评论