Question

我正在通过domtoimage和jsPDF库生成带有Google图表的html页面。但它生成的PDF文档在Acrobat Reader上看起来有点模糊，在Google Chrome上看起来很好。我试图打印它，结果非常模糊。如何提高PDF的质量？

生成PDF的代码：

function makePDF(a, fname){
    var key;
    var doc = new jsPDF('l', 'mm', 'a5', true);
    for(key in a){
        doc.addImage(a[key],'PNG',0,0*key,210,148);
        if(a.length - 1 === key*1){
        }else{
            doc.addPage();
        }
    }
    doc.save(fname + ".pdf");
    $(".www").css("margin","auto");
    a = null;
    isdone = true;
    ngViewLoader(false);
}

将DOM元素转换为图像的代码：

function build_image(dis){
    domtoimage.toPng(dis).then(function(dataUrl){
        a.push(dataUrl);
        arr_index++;
        if(index === a.length){
            makePDF(a, fname);
        }else{
            if(arr_index > 13){
                return false;
            }
            build_image(arr_dis[arr_index]);
        }
    }).catch(function (error) {
        console.error('oops, something went wrong!', error);
    });
}

Answer 1

@Rozig

请尝试使用以下代码： {{1}}

与PNG输出相比，JPEG全质量更好。但是，根据您的图像渲染的大小，它仍然不会完全看起来很清晰。

html2canvas和jsPDF生成的pdf有点模糊

1 个答案: