openlayers 保存當前地圖View為圖片

/**
 * 保存地圖為圖片工具欄
 */
function addMapToolSavePicture() {

    var saveElement = document.createElement('a');
    saveElement.className = "mapbtn glyphicon glyphicon-picture";
    saveElement.setAttribute("data-toggle", "tooltip");
    saveElement.setAttribute("data-placement", "left");
    saveElement.setAttribute("title", "SavePicture");
    saveElement.onclick = function() {

　　　　　// 此方法只能保存背景地圖及圖層數據，但是不能保存control，使用 html2canvas 可以保存地圖控件信息，比如圖例信息等。
        // olMap.once('postcompose',
        //     function(event) {
        //         var canvas = event.context.canvas;
        //         if (navigator.msSaveBlob) {
        //             navigator.msSaveBlob(canvas.msToBlob(), 'map.png');
        //         } else {
        //             // canvas.toBlob(function(blob) {
        //             //     saveAs(blob, 'map.png');
        //             // });
        //         }
        //     });
        // olMap.renderSync();


                        html2canvas(document.getElementById(mapId)).then(
                            function (canvas) {
                                canvas.toBlob(function (blob) {

                                    saveAs(blob,'map.png');

                                });
                            });
    };

    document.getElementById(soToolBarId).appendChild(saveElement);
}