页面图像未使用 jsPDF 呈现为 pdf答案

【问题标题】：Images of page not rendered to pdf using jsPDF页面图像未使用 jsPDF 呈现为 pdf
【发布时间】：2021-02-05 04:32:51
【问题描述】：

我的网页中的图片很少，我正在尝试将包含图片的 div 元素转换为 pdf 格式：

    var element = document.getElementById(canvasId);
    let doc = new jsPDF('p', 'pt', 'a4');
    doc.addHTML(element, function () {
        doc.save('testdoc.pdf');
    });

pdf 没有在testdoc.pdf 中显示图像，我是否需要添加更多属性？

一个快速的问题：

是否可以通过 jsPDF 与其他库将整页转换为类似于 pdf 的图像（包含网页的所有图像和样式）？

如果是这样，请通过一些链接指导我，非常感谢任何帮助。

【问题讨论】：

曾经有html2canvas，但我不知道它的当前状态。
@JavaScript 我会调查一下 :)

标签： javascript html jspdf html-to-pdf

【解决方案1】：

经过一些冲浪和解决方法：

图片应为 .JPG
如果您正在尝试来自 online 或 AWS 的任何图片，请在 conf 下方添加：

var opt = {
      image: { type: 'jpeg', quality: 0.98 }, // as per req

      html2canvas: { dpi: 300,
                    letterRendering: true,
                    useCORS: true },
    };

【讨论】：