PDF 不显示图像：html2pdf 库答案

【问题标题】：PDF does not show images : html2pdf libraryPDF 不显示图像：html2pdf 库
【发布时间】：2019-01-18 08:51:21
【问题描述】：

我使用 Angular 5 和 html2pdf 库来帮助创建 pdf 文件。 https://github.com/eKoopmans/html2pdf

这用于我的 Angular 方法。

var element = document.getElementById('document');
var opt = {
    margin:       [10, 0, 10, 0],
    filename:     `document.pdf`,
    image:        { type: 'jpeg', quality: 0.98 },
    html2canvas:  { scale: 2, useCORS: true },
    jsPDF:        { unit: 'mm', format: 'letter', orientation: 'portrait' }
};
html2pdf().from(element).set(opt).save();

导出 pdf 后，我无法从网上看到任何图像，但它显示了本地存储的图像。这是在线图像的示例。 https://s3.amazonaws.com/images.anterasoftware.com/5b6c5886622d5Screen_Shot_2018-06-27_at_10.37.03_AM.png

请帮忙，问候。

【问题讨论】：

useCORS：真正为我解决了

标签： angular typescript jspdf html2canvas html2pdf

【解决方案1】：

我看到你在他们的 github 上打开了一个问题。我梳理了其他问题，发现有人与您的问题相似。这里有 3 或 4 个建议的解决方案，但我认为最有希望的是将 jpeg 更改为 jpg，因为 html canvas 不支持。这是相关的github问题。 https://github.com/eKoopmans/html2pdf/issues/105

【讨论】：

我尝试将“jpeg”更改为“jpg”，但没有成功。我认为问题在于我正在渲染未存储在我们服务器上的跨域图像。