javascript 通过点击按钮将HTML页面转换为可下载的PDF

exdqitrt 于 2023-04-10 发布在 Java

关注(0)|答案(1)|浏览(127)

我想转换我的HTML页面到一个PDF文件的按钮点击。在我点击这个“下载”按钮后，我希望PDF自动下载。
我试过这个：

<button onclick="printFunction()">Download</button>
<script>
      function printFunction() { 
        window.print(); 
      }
</script>

但这只能生成一个打印页面，我需要手动保存PDF文件。
我在网上搜索了一下，找到了很多建议我们添加第三方插件的答案。有没有更简单的方法？
我在这里找到一个类似的例子：https://phpcoder.tech/download-html-page-as-pdf-using-javascript/

JavaScript

来源：https://stackoverflow.com/questions/71484593/converting-the-html-page-to-a-downloadable-pdf-with-a-button-click

1条答案

按热度按时间

hgb9j2n61#

使用html2pdf

<body id="body">
<button id="button">Click me!</button>

<script src="html2pdf.bundle.min.js"></script>
<script>
const btn = document.getElementById("button");

btn.addEventListener("click", function(){
var element = document.getElementById('body');
html2pdf().from(element).save('filename.pdf');
});
</script>
</body>

这里是文档https://www.npmjs.com/package/html2pdf.js/v/0.9.0你可以改变filename.pdf到任何你想要的（除了扩展名）

赞(0）回复(0）举报 2023-04-10

我来回答

javascript 通过点击按钮将HTML页面转换为可下载的PDF

1条答案

相关问题

热门标签

最新问答