最近有个项目需求，将页面导出为图片。因为用的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.这时候几乎想放弃了，但是作为一名程序员我们要迎难而上。终于被我找到一篇合我胃口的文章解决了我的问题，参考地址:
最低0.47元/天 解锁文章
4042
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
