Canvas - 错误:Tainted canvases may not be exported
记录日期: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相关推荐
- 使用canvas的toDataURL方法将图片转为base64报错:Tainted canvases may not be exported
toDataURL()报错 在使用Canvas对图片进行裁切功能时,用到了toDataURL方法. 在调试过程中,发现执行到该方法是会报以下错误: Uncaught DOMException: Fai ...
- canvas跨域:Tainted canvases may not be exported.
Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may no ...
- 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- ...
- canvas跨域:Tainted canvases may not be exported解决方法
现象: 使用html2canvas.js插件绘图时跨域图片绘制过程中报错:Tainted canvases may not be exported 解决方法: var content = docume ...
- canvas跨域图片报Tainted canvases may not be exported.
canvas跨域图片报Tainted canvases may not be exported.解决办法--在路径后面添加时间戳 img.src = url + "?v=" + n ...
- Tainted canvases may not be exported
Tainted canvases may not be exported. 场景 解决方法 总结 场景 在使用html canvas进行绘画,之后想通过canvas的Api toDataURL toB ...
- 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 ...
- Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported [已解决]...
原文链接: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported [已解 ...
- Failed to execute ‘toDataURL‘ on ‘HTMLCanvasElement‘: Tainted canvases may not be exported.
Intro 我在使用qrcode.react测试使用文本生成二维码的功能. 当执行以下API时,报错: let domTarget = event.target; let text = domTarg ...
最新文章
- 跟我一起学.NetCore之Asp.NetCore启动流程浅析
- idea内置junit5_JUnit 5和Selenium –使用Selenium内置的`PageFactory`实现页面对象模式
- c语言设计指导实训,C语言程序设计实训指导
- bzoj1070 [SCOI2007]修车 费用流+拆分
- python编程 书籍_Python编程十大最佳书籍
- oracle的windows用户名,oracle数据库建立后,用户名跟密码设置windows平台
- Latex输入大小写罗马数字
- 关于OC中委托(代理人)的理解
- 乒乓球侧旋球MATLAB,【动图】看动图让你了解乒乓球的侧旋转
- EMV TLV 总结
- 宝塔面板下载网站日志,分析百度蜘蛛和谷歌蜘蛛的爬取记录
- 蓝桥杯 ALGO-1005 数字游戏
- 语音识别领域公司分析
- mariadb 卸载 Kali_流氓软件卸载不掉?赶紧试试这款免费专业的卸载神器!专治各类顽固派软件!...
- 为什么华为a1路由器网速变慢_多设备上网速度慢? 华为路由 A1 畅享版提速20%...
- Linux基础知识汇总,看这一篇就够了(2022最新整理)
- Bean named XXX is expected to be of type XXX but was actually of type 'com.sun.proxy.$Proxy28'
- excel中提取箱单中的箱数
- 自制小游戏--飞行模拟器
- 嵌入式通过串口连接如何屏蔽自动登录
热门文章
- 设计模式之命令模式(Java实现)
- PuTTY介绍、安装及使用详细过程
- ViewBag(动态视图)、ViewData、ViewDataDictionary区分
- Linux 文件系统基本介绍
- 什么是计算,什么可以计算?
- 基于阿里云服务器环境搭建到项目上线系列文章之一——putty使用秘钥登录远程服务器
- 中国代步平衡车市场销售态势与消费趋势预测报告(2022-2027年)
- 图像色彩增强论文调研
- 华为新系统鸿蒙手机测试,首个华为鸿蒙2.0测试 电池续航提升将近10%
- 星盛商业表现平平:打新中签者浮亏,新世界发展等为基石投资人