Javascript 为什么html2canvas生成模糊的pdf文件?

Javascript 为什么html2canvas生成模糊的pdf文件?,javascript,jspdf,html2canvas,Javascript,Jspdf,Html2canvas,$(“#生成”)。单击(函数(){ var pdf=新的jsPDF('p','pt','a4'); pdf.addHTML($('.pg section').get(0),function(){ 保存('Test.pdf'); }); }); .pg节{ 背景:白色; } .pg第h3节{ 填充物:5px; 背景#8080; 文本对齐:居中; 字体大小:14px; 颜色:#FFF; 字体大小:粗体; 边缘底部:10px; } .pg待定{ 利润率:15px0; 边界塌陷:塌陷; 边框:2件纯蓝;

$(“#生成”)。单击(函数(){
var pdf=新的jsPDF('p','pt','a4');
pdf.addHTML($('.pg section').get(0),function(){
保存('Test.pdf');
});
});
.pg节{
背景:白色;
}
.pg第h3节{
填充物:5px;
背景#8080;
文本对齐:居中;
字体大小:14px;
颜色:#FFF;
字体大小:粗体;
边缘底部:10px;
}
.pg待定{
利润率:15px0;
边界塌陷:塌陷;
边框:2件纯蓝;
宽度:100%;
}
.pg tbl th{
背景:#ccc;
文本对齐:居中;
}
.pg tbl th,
.pg tbl td{
边框:2件纯蓝;
填充物:5px4px;
字体大小:10px;
}

生成PDF
用户信息
用户ID
弗斯特
最后
年龄
5672
约翰
基恩
29
建筑信息
全部的
范围
高
低
45
13
5.

放入dpi:200或400您将获得清晰的图像

我使用
添加HTML时遇到同样的问题。事实证明,
addHtml
根据的不推荐使用。最后,我只是按照他们提供的方法使用了
pdf.html()
。下面是我用来将转换后的pdf作为电子邮件附件发送的代码。在您的情况下,只需使用
pdf.save()
。我用过


可能重复的@Weft的可能重复我能够让它与html2canvas一起工作。下面是一个例子:
varpdf=newjspdf('p','pt','a4');addHTML($('.pg section').get(0),函数(){pdf.save('Test.pdf');})我注意到的一个问题是pdf文件看起来很模糊。有没有办法清除pdf的质量?可以尝试调整比例或宽度和高度选项:
function emailHtml() {
    let pdf = new jsPDF('p', 'pt', 'a4');
    pdf.html(document.body, {
        callback: function (pdf) {
            let obj = {};
            obj.pdfContent = pdf.output('datauristring');
            var jsonData = JSON.stringify(obj);
            $.ajax({
                url: '/api/jspdf/html2pdf',
                type: 'POST',
                contentType: 'application/json',
                data: jsonData
            });
        }
    });
}