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

编程问答 2022-05-24

问题描述

我有一个图像（一个奇怪的图像，但角落里的标记只是帮助我确定角落的位置）：

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 (将#修改为@）

imageimageimageimage-processingnode-pdfkit