Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.加载本地图片
时间: 2023-07-11 16:03:21 浏览: 144
Canvas引入跨域的图片导致toDataURL()报错的问题的解决
5星 · 资源好评率100%
这个错误通常是因为在加载图片时,图片所在的域名与当前页面所在的域名不同,导致图片被认为是“污点”(tainted),从而无法使用 toDataURL 方法导出图片数据。解决办法有几种:
1. 尝试使用 CORS(跨域资源共享)来加载图片,确保图片被当作安全的跨域资源。这需要对服务器进行一些配置,具体可以参考 MDN 文档:https://developer.mozilla.org/zh-CN/docs/Web/HTML/CORS_enabled_image
2. 如果图片是本地文件,可以在启动浏览器时添加命令行参数 `--allow-file-access-from-files`,允许浏览器在本地文件系统上加载文件。
3. 使用其他方法来导出图片数据,比如将图片上传到服务器,然后通过服务器端来导出图片数据。
阅读全文