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导入内容，结果可以正常导出。