js html转pdf
时间: 2023-07-13 11:21:17 浏览: 35
你可以使用jsPDF和html2canvas这两个库来将HTML转换为PDF。以下是一个简单的示例代码:
```javascript
// 引入库
import jsPDF from 'jspdf';
import html2canvas from 'html2canvas';
// 获取需要转换的HTML元素
const element = document.getElementById('html-element');
// 将HTML元素转换为canvas
html2canvas(element).then(canvas => {
const imgData = canvas.toDataURL('image/png');
const pdf = new jsPDF();
const imgProps = pdf.getImageProperties(imgData);
const pdfWidth = pdf.internal.pageSize.getWidth();
const pdfHeight = (imgProps.height * pdfWidth) / imgProps.width;
pdf.addImage(imgData, 'PNG', 0, 0, pdfWidth, pdfHeight);
pdf.save('html-to-pdf.pdf');
});
```
在这个示例中,我们首先使用html2canvas将HTML元素转换为canvas。然后,我们使用jsPDF添加canvas上的图像,并将其保存为PDF文件。请注意,我们可以根据需要调整PDF文件的大小。