Javascript html2canvas和jsPDF生成的pdf有点模糊
我正在通过domtoimage和jsPDF库使用Google图表生成html页面。但它生成的PDF文档在Acrobat Reader上看起来有点模糊,在Google Chrome上看起来很好。我试着把它打印出来,结果很模糊。如何提高PDF的质量 生成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
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完整质量更好。但是,根据渲染图像的大小,它仍然不会看起来完全清晰