当使用html2canvas导出OpenLayer地图时遇到跨域错误，允许污染画布的allowTaint属性设为true虽可消除报错，但会导致导出的图片空白。正确的解决方案是在OpenLayer的source中设置crossOrigin:anonymous，以从根本上解决跨域问题。
html2canvas导出openlayer地图的时候跨域报错：
Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.
html2canvas(map.getViewport(), {
useCORS: true,
allowTaint: true,
}).then(canvas => {
let dataURL = canvas.toDataURL("image/png");
printJS({ printable: dataURL, type: 'image', documentTitle: projectConfig.title }) //printJS打印
});
allowTaint属性是是否允许跨域图片污染画布，默认是false，如果设置为true,解决了导出报错问题，但是导出的图片是空白。
所以还的从源头上解决跨域。openlayer在source下设置 crossOrigin: "anonymous",即可
6988
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
