canvas截屏網頁為圖片下載到本地-html2canvas.js

說明：此方法主要是運用canvas
插件：html2canvas.js
插件地址下載：http://html2canvas.hertzen.com/

在此再附帶贈送一位大佬自己頁面的鏈接：https://www.baidufe.com/
（備注：插件多多，組件多多，dome多多！！！）

//canvasImg為需要截取成圖片的html部分
html2canvas(canvasImg).then(function(canvas) {
    imgUrl = canvas.toDataURL("image/png").replace("image/png", "image/octet-imgUrleam")
     var saveFile = function(data, filename){
    //這個地址我也不知道有什么用
    //(屬於XML方法)createElementNS() 方法可創建帶有指定命名空間的元素節點。
    //此方法可返回一個 Element 對象。
        var save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
        save_link.href = data;
        save_link.download = filename;
//MouseEvents 貌似為固定值
//CreateEvent是一個Windows API函數。它用來創建或打開一個命名的或無名的事件對象
        var event = document.createEvent('MouseEvents');
        event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
        save_link.dispatchEvent(event);
    };
     var filename = (new Date()).getTime() + '.' + 'jpg';
     saveFile(imgUrl,filename);
 });