5

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

4

1 回答 1

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 中的项目。

希望能帮助到你。

于 2018-02-04T14:31:19.640 回答