将 Div 转换为包含图像的 PDF

Question

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

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

Answer 1

一种解决方案是使用html2canvasorrasterizeHTML库。他们创建 HTML 页面的画布，然后您可以使用它添加到 PDFaddHTML

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

演示