jquery - 将 Div 转换为 PDF(包括图像)

Question

我引用这篇文章 Download a div in a HTML page as pdf using javascript

它基本上使用jspdf将div制作成pdf。我让它工作了，但唯一的问题是我无法让它添加包含在 div 中的图像。换句话说，我可以将 div 中的文本获取为 pdf，但不能获取其中的图像。

Answer 1

一种解决方案是使用 html2canvas 或 rasterizeHTML 库。它们创建 HTML 页面的 Canvas ，然后您可以使用 addHTML

将其添加到 PDF 中

$('#cmd').click(function() {
  var options = {};
  var pdf = new jsPDF('p', 'pt', 'a4');
  pdf.addHTML($("#content"), 15, 15, options, function() {
    pdf.save('pageContent.pdf');
  });
});

Demo