html2canvas toDataURL(image/png") 返回较差的图像质量

【问题标题】：html2canvas toDataURL(image/png") return poor image qualityhtml2canvas toDataURL(image/png") 返回较差的图像质量
【发布时间】：2018-05-26 05:20:35
【问题描述】：

我尝试使用 html2canvas 从网站获取图像截图字节。但是，屏幕截图结果以较差的分辨率结束。寻求提高屏幕截图质量的建议。谢谢。

【问题讨论】：

标签： html2canvas

【解决方案1】：

这样的事情怎么样：

var $wrapper = $("#yourDiv");
setSize($wrapper, "2000px", "20pt");

html2canvas($wrapper, {
    onrendered: function (canvas) {
        var a = document.createElement('a');
        a.href = canvas.toDataURL("image/jpg");
        a.download = 'filename.jpg';
        a.click();

        setSize($wrapper, "1000px", "10pt");
    }
});

function setSize(dv, width, fontsize) {
    dv[0].style.width = width;
    dv[0].style.fontSize = fontsize;
}

这会将 div 和字体调整为更大的大小，然后再缩小。

【讨论】：