jspdf中的图像质量太差

Posted 2023-02-25

【中文标题】jspdf中的图像质量太差

【英文标题】：Image quality is too poor in jspdf

【发布时间】：2018-11-01 06:55:08

【问题描述】：

您好！，

我正在为 ReactJs 项目使用 jsPDF 包，我已经成功生成了 pdf，但是当我将图像放入其中时，图像质量太差了。我已经尝试检查我的 base64 代码中的图像，它可以根据需要提供很酷的图像。

提前致谢。 这是我的代码：

  image2base64('Image/path') 
        .then(
            (response) => 
                result = response;
            const doc = new pdfConverter('p','pt','a4');
            doc.internal.scaleFactor = 30;
            var imgData = 'data:image/png;base64,'+result;

               doc.text("I am header", 21, 10);
               doc.setFontSize(20);
               doc.setTextColor(40);
               doc.setFontStyle('normal');
               doc.addImage(imgData, 'PNG', 150, 0, 445, 842,'null','NONE',0);
               doc.text("I am footer", 170, doc.internal.pageSize.height - 17);
               doc.save("test.pdf");
            
        )

【问题讨论】：

你可以试试png而不是PNG

你可以试试这里提到的评论github.com/MrRio/jsPDF/issues/762#issuecomment-399024074

感谢您的关注。我正在发布答案。

【参考方案1】：

伙计们，感谢您在上面的帮助...

但我刚刚使用了 jpg 图像，它解决了我的问题。我认为PNG文件存在问题。 :)