Canvas跨域问题 ? 如何解决

一 ，什么是Canvas ？

canvas是H5中新增的标签，官方解释说canvas是一块画布，可以在网页中绘制图像

二 ，如何解决 ？

当canvas绘制一张外部链接图片时, 我们会遇到跨域问题, 在浏览器打开这个页面的时候, 会发现这个问题

Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

这是由于canvas受限于CORS策略, 会存在跨域问题, 虽然可以使用图像, 但是绘制到画布上会污染画布, 一旦一个画布被污染, 就无法提取画布的数据. 比如无法使用画布toBlod() , toDataURL() 或者getImageData() 方法

  解决方案：

1. <