前端html导出成pdf
时间: 2023-11-15 17:55:28 浏览: 100
Html界面导成PDF
可以使用jsPDF库将HTML转换为PDF。该库可以在浏览器中使用,也可以在Node.js中使用。以下是一个简单的示例:
```javascript
// 引入jsPDF库
import jsPDF from 'jspdf';
// 获取HTML元素
const element = document.getElementById('pdf-content');
// 将HTML转换为canvas
html2canvas(element).then((canvas) => {
// 将canvas转换为图片
const imgData = canvas.toDataURL('image/png');
// 创建PDF文档
const pdf = new jsPDF();
// 添加图片到PDF文档
pdf.addImage(imgData, 'PNG', 0, 0);
// 保存PDF文档
pdf.save('filename.pdf');
});
```
阅读全文