微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

PDFKit JS 图像放置在 PDF 中时会变大

如何解决PDFKit JS 图像放置在 PDF 中时会变大

我有一个图像(一个奇怪的图像,但角落里的标记只是帮助我确定角落的位置):

here

但是,当我使用 PDFKit 创建 PDF 时,我得到了这个(它生成的 A5 PDF 的打印预览):

this

图像最初来自 HTML 画布(宽:1000 像素,高:709 像素),我执行以下操作:

    const canvasImage = canvas.toDataURL('image/png');

并将其发送到后端。在后端我这样做:

        const pdfDoc = new PDFDocument({
          // autoFirstPage: false,layout: 'landscape',size: 'a5'
        });

        // const img = pdfDoc.openImage(base64Image);
        // pdfDoc.addPage({size: [img.width,img.height]});
        pdfDoc.image(base64Image,{align: 'center',width: 2480,height: 1748});
        pdfDoc.pipe(awsupload(`order-${orderNumber}.pdf`));
        pdfDoc.end();

我尝试了各种图像尺寸的变化,但它总是比 A5 本身大得多。

我什至尝试在前端使用shuttershock的changeDPI函数将其转换为300dpi

    const canvasImage = canvas.current.toDataURL('image/png');
    const canvasImage300Dpi = changeDpiDataUrl(canvasImage,300);

仍然没有运气:(.

如何使图像的尺寸适合 A5 pdf?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。