最近有个项目需求，将页面导出为图片。因为用的openlayer，底图部分刚好是canvas，把canvas导出来不就好了吗。然后问题来了，在底图上加载了geoserver发布的图层，保存图片时会控制台会报错，Failed to execute 'toDataURL' on 'HTMLCanvasElement':tainted canvases may not be exported. 不管是toDataURL 还是toBlob都会报错。百度一查，妈呀 ，跨域！跨域！跨域！
在这里说下解决历程：
1.首先查到的方法是在保存图片时给img对象设置允许跨域image.setAttribute('crossOrigin', 'anonymous'); 然而并没有什么用。
2.参照别人说的，下载cors并拷贝到geoserver/WEB-INF/classes下，然后配置geoserver的web.xml。尝试了几遍，没有用，而且geoserver也打不开了，果断放弃。又看到说这种方法是解决geoserver版本2.9以下的，我的geoserver是2.13版本。下载jetty-servlet。。。。拷贝到lib目录下，再次更改web.xml配置，发现还是没有用。（这时候心态爆炸）
3.这时候几乎想放弃了，但是作为一名程序员我们要迎难而上。终于被我找到一篇合我胃口的文章解决了我的问题，参考地址:https://blog.csdn.net/geol200709/article/details/80320824。
配置了这个说明geoserver已经允许跨域了，但是我们保存的时候控制台还会报错，不要慌，在请求图层时带上参数crossOrigin: 'anonymous'，具体如下：
加上这个参数后，再图片时就没问题了 完美解决！