记录日期:2019年6月26日 22点21分

Canvas 的内容保存为图片,但是一直不成功。报错信息如标题,意思指被污染的画布不能被导出。

理论上来讲,导出为图片是一定可行的,但是被污染的画布是不允许被导出的。

问题就在于,什么叫被污染的画布。

找到官网说明,参考链接:https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image

图上划线的部分,为什么要增加这样的限制,并且说明从其他地方(未经允许跨域的源)获取的数据加入画布内容。下面列举了,如从img和svg元素获得的内容是不允许的,因为这两个元素允许使用外部图片(来源不明),涉及跨域了,所以从这两个元素导入过内容的画布,是不能被导出的。

项目中,在画布准备的时候,从img导入了一个准备的图片,于是画布被污染了,后面完成时需要导入时,就报错 “Tainted canvases may not be exported”。

解决方案:不从img导入内容,结果可以正常导出。

转载于:https://www.cnblogs.com/Currention/p/11094339.html

Canvas - 错误:Tainted canvases may not be exported相关推荐

  1. 使用canvas的toDataURL方法将图片转为base64报错:Tainted canvases may not be exported

    toDataURL()报错 在使用Canvas对图片进行裁切功能时,用到了toDataURL方法. 在调试过程中,发现执行到该方法是会报以下错误: Uncaught DOMException: Fai ...

  2. canvas跨域:Tainted canvases may not be exported.

    Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may no ...

  3. he canvas has been tainted by cross-origin data and tainted canvases may not be exported

    来自: https://ourcodeworld.com/articles/read/182/the-canvas-has-been-tainted-by-cross-origin-data-and- ...

  4. canvas跨域:Tainted canvases may not be exported解决方法

    现象: 使用html2canvas.js插件绘图时跨域图片绘制过程中报错:Tainted canvases may not be exported 解决方法: var content = docume ...

  5. canvas跨域图片报Tainted canvases may not be exported.

    canvas跨域图片报Tainted canvases may not be exported.解决办法--在路径后面添加时间戳 img.src = url + "?v=" + n ...

  6. Tainted canvases may not be exported

    Tainted canvases may not be exported. 场景 解决方法 总结 场景 在使用html canvas进行绘画,之后想通过canvas的Api toDataURL toB ...

  7. Fabric.js Failed to execute ‘toDataURL‘ on ‘HTMLCanvasElement‘: Tainted canvases may not be exported

    Fabric.js Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported ...

  8. Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported [已解决]...

    原文链接: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported [已解 ...

  9. Failed to execute ‘toDataURL‘ on ‘HTMLCanvasElement‘: Tainted canvases may not be exported.

    Intro 我在使用qrcode.react测试使用文本生成二维码的功能. 当执行以下API时,报错: let domTarget = event.target; let text = domTarg ...

最新文章

  1. 跟我一起学.NetCore之Asp.NetCore启动流程浅析
  2. idea内置junit5_JUnit 5和Selenium –使用Selenium内置的`PageFactory`实现页面对象模式
  3. c语言设计指导实训,C语言程序设计实训指导
  4. bzoj1070 [SCOI2007]修车 费用流+拆分
  5. python编程 书籍_Python编程十大最佳书籍
  6. oracle的windows用户名,oracle数据库建立后,用户名跟密码设置windows平台
  7. Latex输入大小写罗马数字
  8. 关于OC中委托(代理人)的理解
  9. 乒乓球侧旋球MATLAB,【动图】看动图让你了解乒乓球的侧旋转
  10. EMV TLV 总结
  11. 宝塔面板下载网站日志,分析百度蜘蛛和谷歌蜘蛛的爬取记录
  12. 蓝桥杯 ALGO-1005 数字游戏
  13. 语音识别领域公司分析
  14. mariadb 卸载 Kali_流氓软件卸载不掉?赶紧试试这款免费专业的卸载神器!专治各类顽固派软件!...
  15. 为什么华为a1路由器网速变慢_多设备上网速度慢? 华为路由 A1 畅享版提速20%...
  16. Linux基础知识汇总,看这一篇就够了(2022最新整理)
  17. Bean named XXX is expected to be of type XXX but was actually of type 'com.sun.proxy.$Proxy28'
  18. excel中提取箱单中的箱数
  19. 自制小游戏--飞行模拟器
  20. 嵌入式通过串口连接如何屏蔽自动登录

热门文章

  1. 设计模式之命令模式(Java实现)
  2. PuTTY介绍、安装及使用详细过程
  3. ViewBag(动态视图)、ViewData、ViewDataDictionary区分
  4. Linux 文件系统基本介绍
  5. 什么是计算,什么可以计算?
  6. 基于阿里云服务器环境搭建到项目上线系列文章之一——putty使用秘钥登录远程服务器
  7. 中国代步平衡车市场销售态势与消费趋势预测报告(2022-2027年)
  8. 图像色彩增强论文调研
  9. 华为新系统鸿蒙手机测试,首个华为鸿蒙2.0测试 电池续航提升将近10%
  10. 星盛商业表现平平:打新中签者浮亏,新世界发展等为基石投资人