Javascript-HTML2canvas生成的PDF很模糊

我使用jsPDF和html2canvas从HTML元素生成图像。但是，输出图像非常模糊。如何提高下载PDF的质量

javascript代码：

 function converToPdfAndSave1(printContent) {
        html2canvas(printContent, { onrendered: function(canvas){
            var imgData = canvas.toDataURL('image/png');
            var imgWidth = 210;
            var pageHeight = 295;
            var imgHeight = canvas.height * imgWidth / canvas.width;
            var heightLeft = imgHeight;

            var doc = new jsPDF('p', 'mm', "a4");
            var position = 0;

            doc.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight+10);
            heightLeft -= pageHeight;

            while (heightLeft >= 0) {
                position = heightLeft - imgHeight;
                doc.addPage();
                doc.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight+10);
                heightLeft -= pageHeight;
            }
            doc.save("<?php echo $student['firstname'] . "-" . $student['lastname'].".pdf"; ?>");
        }});
    }

函数converToPdfAndSave1（打印内容）{
html2canvas（打印内容，{onrendered:function（画布）{
var imgData=canvas.toDataURL（'image/png'）；
var imgWidth=210；
var pageHeight=295；
var imgHeight=canvas.height*imgWidth/canvas.width；
var heightLeft=imgHeight；
var doc=新的jsPDF（“p”、“mm”和“a4”）；
var位置=0；
文件添加图像（imgData，'PNG'，0，位置，imgWidth，imgHeight+10）；
heightLeft-=页面高度；
而（左高>=0）{
位置=左侧高度-右侧高度；
doc.addPage（）；
文件添加图像（imgData，'PNG'，0，位置，imgWidth，imgHeight+10）；
heightLeft-=页面高度；
}
单据保存（“”）；
}});
}

您可以通过

html2canvas（printContent，{scale:4}）放大图像。然后（canvas=>{//…}

抱歉，刚才注意到您使用的是旧版本，但我找不到它的文档，所以我不确定该版本是否有可用的缩放选项