jquery将html转为pdf文件,通过Jquery将HTML Div转换为PDF

要将HTML div转换为PDF，需要使用第三方库jsPDF。以下是一个简单的示例代码：

<div id="myDiv">
  <h1>这是标题</h1>
  <p>这是一些文本</p>
</div>
<button id="downloadBtn">下载PDF</button>

$('#downloadBtn').click(function() {
  var doc = new jsPDF();
  var specialElementHandlers = {
    '#myDiv': function(element, renderer) {
      return true;
    }
  };
  doc.fromHTML($('#myDiv').html(), 15, 15, {
    'width': 170,
    'elementHandlers': specialElementHandlers
  });
  doc.save('myDiv.pdf');
});

首先，当用户点击“下载PDF”按钮时，会创建一个新的jsPDF文档对象。然后，我们定义一个“specialElementHandlers”对象，它告诉jsPDF如何处理我们的HTML div元素。在这种情况下，我们返回true来表明我们希望jsPDF将整个div转换为PDF。

接下来，我们使用“doc.fromHTML()”方法将HTML div转换为PDF。在这个方法中，我们传递了“$('#myDiv').html()”作为第一个参数，这是我们想要转换的HTML。第二个参数是X坐标，第三个参数是Y坐标。最后，我们还传递了一些选项，包括宽度和特殊元素处理程序。

最后，我们使用“doc.save()”方法将PDF保存到用户的计算机上。在这个方法中，我们传递一个文件名“myDiv.pdf”。