html转换为pdf代码案例

在网页中使用 JavaScript 和第三方库，可以将 HTML 转换为 PDF。这里给出一个使用 jsPDF 库的示例代码：

1. 首先，需要在 HTML 中引入 jsPDF 库：

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

2. 创建一个按钮或者其他触发事件的元素，在点击时执行转换操作：

<button onclick="generatePDF()">生成 PDF</button>

3. 在 JavaScript 中编写生成 PDF 的函数：

function generatePDF() {
  // 获取需要转换的 HTML 元素
  const element = document.getElementById("html-to-pdf");

  // 创建 jsPDF 实例
  const pdf = new jsPDF();

  // 将 HTML 转换为 canvas
  html2canvas(element).then(canvas => {
    // 将 canvas 转换为图片格式
    const imgData = canvas.toDataURL("image/png");

    // 将图片插入到 PDF 中
    pdf.addImage(imgData, "PNG", 0, 0, pdf.internal.pageSize.width, pdf.internal.pageSize.height);

    // 保存 PDF 文件
    pdf.save("converted.pdf");
  });
}

在上面的代码中，`html-to-pdf` 是需要转换为 PDF 的 HTML 元素的 id。`html2canvas` 库可以将 HTML 元素转换为 canvas 对象，然后使用 `addImage` 将 canvas 中的图片插入到 PDF 中。最后，使用 `save` 方法保存 PDF 文件。

需要注意的是，该方法对于复杂的 HTML 和 CSS 样式可能会存在一些问题，需要根据实际情况进行调试和优化。同时，由于涉及到跨域问题，如果需要转换的 HTML 中存在跨域资源，可能需要额外的处理。