html2pdf.js
时间: 2023-11-26 16:47:37 浏览: 42
html2pdf.js是一个JavaScript库,可以将HTML页面转换为PDF文档。它使用canvas元素将HTML页面渲染为图像,然后将图像转换为PDF。这个库可以在浏览器中使用,也可以在Node.js环境中使用。
以下是一个使用html2pdf.js将HTML页面转换为PDF的例子:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML to PDF</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.2/html2pdf.bundle.min.js"></script>
</head>
<body>
<h1>Hello, World!</h1>
<p>This is a test PDF generated from HTML using html2pdf.js.</p>
<button onclick="generatePDF()">Generate PDF</button>
<script>
function generatePDF() {
const element = document.body;
html2pdf()
.from(element)
.save();
}
</script>
</body>
</html>
```
在这个例子中,我们引入了html2pdf.js库,并在页面中添加了一个按钮。当用户点击按钮时,我们调用generatePDF()函数。这个函数使用html2pdf()方法创建一个PDF对象,并使用from()方法指定要转换为PDF的HTML元素。最后,我们调用save()方法将PDF保存到本地。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)