从div调整画布大小生成图像

Question

我有一个代码可以转换PNG图像中的DIV HTML，它可以成功运行。 但是当我以大尺寸导出为PDF时，它的质量会下降，可能是因为它在画布上的创建比原始尺寸小。

所以，我调整了宽度为2482px和高度为3508px的画布，这是我想要生成PDF的大小。但是图像保持很小，没有达到盒子的总面积，填充大约1/16。参见：

html2canvas($('#quadro'), {
    onrendered: function(canvas) {
        var imgData = canvas.toDataURL('image/png', 1.0);
        img = new Image();
        img.src = imgData;
        img.onload = function() {
            localStorage.setItem('imagem', imgData);
            window.location.href = 'escolherMoldura.html';
        }
        img.onerror = function() { alert('there was an image load error :('); };
    },
    scale: 2,
    dpi: 300,
    width: 2482,
    height: 3508,
    letterRendering: true,
});

看，它应该填满所有方框。

你能帮助我吗？

Answer 1

使用此代码可以获得高分辨率图像

saveSvgAsPng($('#quadro'), "quadro.png", {scale: 2});

有关详细信息，请使用此link。