html2canvas toDataURL (image / png ") возвращает плохое качество изображения

Question

Я пытался использовать html2canvas, чтобы получить байт снимка экрана с веб-сайта.Однако результат скриншота закончился с низким разрешением.Нужны советы по улучшению качества скриншота.Спасибо.

Answer 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 и шрифта до большего размера, а затем сжимается обратно.