canvas导出base64图片

问题遇到的现象和发生背景

img

问题相关代码,请勿粘贴截图

const imgList = (list, context, canvas) => {
const imgQueue = [];
for (let i = 0; i < list.length; i++) {
imgQueue.push(loadImg(list[i], context));
}
Promise.all(imgQueue).then((item) => {
for (var i in item) {
// 图片绘制
context.drawImage(item[i], list[i].x, list[i].y, list[i].width, list[i].height);
}
arr.textList.forEach((itemList) => {
// 绘制文字
textList(itemList, context);
});
});
var dataURL = canvas.toDataURL(); //得到图片的base64编码数据
console.log(dataURL);
};

运行结果及报错内容

img

我的解答思路和尝试过的方法

放在绘制文字后面报错 Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

我想要达到的结果

https://blog.csdn.net/u013040887/article/details/78986598