Tsts149 2022-03-11 17:27 采纳率: 55.2%
浏览 36

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.

我想要达到的结果
  • 写回答

1条回答 默认 最新

  • 你好!机器人 2022-03-11 17:50
    关注
    评论

报告相同问题?

问题事件

  • 修改了问题 3月11日
  • 创建了问题 3月11日

悬赏问题

  • ¥15 treelib库有读取树数据方法吗?
  • ¥15 咨询一个PYTHON的问题
  • ¥15 机器学习建模调参,roc评价指标
  • ¥15 RCS plot 包内置数据集使用时报错,如何解决?
  • ¥15 keil+mspm0g3507+二维总线舵机
  • ¥15 如何用wireshark分析找出url接口和param参数
  • ¥15 有谁知道这是阿里云那个应用的域名吗,怎么调用?
  • ¥30 正则表达式的一些问题
  • ¥15 C#如何使用不需要安装 Microsoft Excel 的机器上的方法或者库实现:将指定Excel区域导出为图片(例如A1:AO50)
  • ¥15 虚拟机只能接收不能发送