使用JavaScript将html导出为PDF

Question

我想用JavaScript将HTML导出为PDF，我看到了像jsPDF和pdfMake这样的库，但它们非常有限。 例如，没有它我可以导出HTML元素，如<hr> ，jsPDF的样式非常有限，我看到这个问题，但答案对我不起作用，pdfMake我无法下载pdf，只是用chrome 。

Answer 1

如果您可以从URL检索HTML，您可能需要查看我编写的解释如何执行此操作的答案 。

例：

https://dhtml2pdf.herokuapp.com/api.php?url=https://www.github.com&result_type=show

可以很容易地在HTML中放置一个锚点来显示PDF或将其下载到HTML中。

此锚点将显示从https://www.github.com页面转换的PDF：

<a href="https://dhtml2pdf.herokuapp.com/api.php?url=https://www.github.com&result_type=show" target="_blank">Show PDF</a>

这个将下载它：

<a href="https://dhtml2pdf.herokuapp.com/api.php?url=https://www.github.com&result_type=download&file_name=my_pdf">Download PDF</a>

如果您想使用JavaScript进行尝试，可以创建一个HTML按钮，然后单击事件下载PDF。 例：

HTML：

<button type="button" id="download-pdf-button">Download the PDF</button>

JavaScript的：

document.getElementById("download-pdf-button").addEventListener("click", function() {
    var link = document.createElement('a');
    link.href = 'https://dhtml2pdf.herokuapp.com/api.php?url=https://www.github.com&result_type=download';
    link.download = 'file.pdf';
    link.dispatchEvent(new MouseEvent('click'));
});

查看Github中的项目 。

希望能帮助到你。