PDF 不显示图像：html2pdf 库

Question

我使用 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

请帮助，问候。

Answer 1

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