Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript html2canvas和jsPDF生成的pdf有点模糊_Javascript_Pdf_Pdf Generation_Jspdf - Fatal编程技术网

Javascript html2canvas和jsPDF生成的pdf有点模糊

Javascript html2canvas和jsPDF生成的pdf有点模糊,javascript,pdf,pdf-generation,jspdf,Javascript,Pdf,Pdf Generation,Jspdf,我正在通过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){ d

我正在通过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);
    });
}
@罗齐格

请尝试使用以下代码:

domtoimage.toJpeg(dis{
质量:1.0
})

与PNG输出相比,JPEG完整质量更好。但是,根据渲染图像的大小,图像仍然不会完全清晰。

@Rozig

请尝试使用以下代码:

domtoimage.toJpeg(dis{
质量:1.0
})

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