纯JS将HTML生成pdf

要在纯JavaScript中将HTML生成PDF，可以使用jsPDF库。以下是一个简单的例子，演示如何使用jsPDF库将HTML元素转换成PDF。

首先，确保在项目中包含了jsPDF库：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.4.0/jspdf.umd.min.js"></script>

然后，可以使用以下JavaScript代码将特定HTML元素转换为PDF：

// 假设你要打印的HTML元素有一个id为"content"
const content = document.getElementById('content');
 
// 创建一个新的jsPDF实例
const pdf = new jspdf.jsPDF();
 
// 将HTML元素转换为Canvas
html2canvas(content).then(canvas => {
    // 将Canvas转换为图片
    const imgData = canvas.toDataURL('image/png');
    
    // 将图片添加到PDF中
    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
    pdf.save('download.pdf');
});

确保在调用上述代码之前，页面上已经加载了html2canvas库，因为jsPDF无法直接将HTML转换为PDF，它需要通过html2canvas先将HTML转换为Canvas，然后再转换为PDF支持的格式。

<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.3.2/html2canvas.min.js"></script>

请注意，这个例子是一个简化的示例，实际使用时可能需要处理例如样式、跨域图片、大文件等问题。