通过Html2Canvas对OpenLayers截图

希望对需要的朋友提供参考

本人通过html2canvas对项目中使用的openlayers叠加的图层进行截图，生成图层数据。

其中对地图上叠加的矢量和栅格图层的截图中矢量截图没什么问题注意添加跨域就行了。

在 source属性中添加crossOrigin: 'anonymous',   即可；

对栅格数据的截图要采用png格式。

cldURL =“http://XXXXXX/XXXX/XX/XXX.png”

如果调用的图片格式为jpg或者其他格式在执行canvas.msToBlob()时会提示存在安全错误。

   html2canvas($('body'), {
                allowTaint: true,
                taintTest: false,
                useCORS: true,
                onrendered: function (canvas) {

                    if (isIE()) {
                        var blob = canvas.msToBlob();