Question

我想用JavaScript将HTML导出为PDF，我看到jsPDF和pdfMake等库，但它们非常有限。例如，没有它我可以导出HTML元素，如<hr>，jsPDF样式非常有限，我看到this问题，但答案不适合我，pdfMake我无法下载pdf，只有chrome。

Answer 1

如果您可以从网址检索HTML，则可能需要查看我编写的this answer，其中说明了如何执行此操作。

示例：

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'));
});

See the project in Github

希望它有所帮助。

使用JavaScript将html导出为PDF

1 个答案: