概述：

canvas绘制图片，由于浏览器的安全考虑，如果在使用canvas绘图的过程中，使用到了外域的图片资源，那么在toDataURL()时会抛出安全异常：

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

解决方案

第一步：

访问的服务器允许，资源跨域使用，也就是说设置了CORS跨域配置，Access-Control-Allow-Origin

打开IIS，找到“HTTP响应标头”点进去，

在右侧可以看到添加，然后添加如下标头即可

Access-Control-Allow-Origin：*

 第二步：

然后在客户端访问图片资源的时候

var img = new Image();
img.crossOrigin='*'
img.src = url;

三、结语：

非跨域则无需设置crossOrigin属性和IIS HTTP响应标头。（完）