html2canvas解決保存圖片模糊問題

用的是官網的CDN:http://html2canvas.hertzen.com/dist/html2canvas.min.js

 

    function comfirmSaveImg() {
        var copyDom = $(".content");//要保存的dom
        var width = copyDom.offsetWidth; //dom寬
        var height = copyDom.offsetHeight; //dom高
        var scale = 2; //放大倍數
        html2canvas(copyDom[0], {
            dpi: window.devicePixelRatio * 2,
            scale: scale,
            width: width,
            heigth: height,
            useCORS: true // 【重要】開啓跨域配置
        }).then(function(canvas) {
            var url = canvas.toDataURL();
        var triggerDownload = $("<a>").attr("href", url).attr("download", "詳情.png").appendTo("body");
        triggerDownload[0].click();
        triggerDownload.remove();
           
        });

    }

 來源：https://www.cnblogs.com/stt-bky/p/9518591.html