记录日期： 年 月 日 点 分 Canvas 的内容保存为图片，但是一直不成功。报错信息如标题，意思指被污染的画布不能被导出。 理论上来讲，导出为图片是一定可行的，但是被污染的画布是不允许被导出的。 问题就在于，什么叫被污染的画布。 找到官网说明，参考链接：https: developer.mozilla.org en US docs Web HTML CORS enabled image 图上划 ...
2019-06-26 22:31 0 1207 推荐指数：
来自: https://ourcodeworld.com/articles/read/182/the-canvas-has-been-tainted-by-cross-origin-data-and-tainted-canvases-may-not-be-exported ...
我们做微信活动，经常会碰到生成图片进行分享的需求。生成的图片中肯定包含微信头像，这时就会碰到canvas转图片时的跨域问题。 一开始我是把微信头像下载到服务器上来避开跨域问题的，但这样做太累了，也浪费服务器存储空间。 之后再网上搜索后得到如下解法 var img = new Image ...
Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported 一、总结 一句话总结：解决方案是图片设置crossOrigin属性 ...
项目里使用到用canvas生成海报，在toDataURL报了这个错误Tainted canvases may not be exported。 原因就在于使用了跨域的图片，所以说是被污染的画布。解决方案如下1】为image请求添加跨域 var image = new ...
方案2亲测有效，简单粗暴 解决方案1. 如果想使用toDataURL()生成图片文件的话，在canvas绘图过程中使用的图片应该是当前域下的。 解决方案2. 访问的服务器允许，资源跨域使用，也就是说设置了CORS跨域配置，Access-Control-Allow-Origin ...
canvas绘制图片，由于浏览器的安全考虑，如果在使用canvas绘图的过程中，使用到了外域的图片资源，那么在toDataURL()时会抛出安全异常： 解决方案1. 如果想使用toDataURL()生成图片文件的话，在canvas绘图过程中使用的图片应该是当前域下的。 解决方案 ...
报错然后我们加载的贴图显示不出来然后浏览器报这个错误。 这个一般是安全问题，解决方法就是我们翻到t ...
the canvas has been tainted by cross-origin data", ...
