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

PDF不显示图像：html2pdf库

1 个答案: