Question

我正在网站上创建个人简介页面。该页面将具有一个按钮，单击该按钮将创建一个PDF。该PDF的内容将来自页面上的特定div。如何使用jsPDF创建此PDF？我需要能够在此PDF上包含文本和图像，并且其长度必须超过一页。

我已经使用jsPDF创建了PDF，但是它不包含我的图像，也不显示完整的div内容。一页后停止。

这是我的剧本：

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

<script>
var lMargin = 15; //left margin in mm
var rMargin = 15; //right margin in mm
var pdfInMM = 210; // width of A4 in mm

function getPDF() {
  var doc = new jsPDF("p", "mm", "a4");
  var tavern = document.querySelector(".vc_single_image-wrapper").innerText;
  var lines = doc.splitTextToSize(tavern, pdfInMM - lMargin - rMargin);
  doc.text(lMargin, 20, lines);
  doc.save("Generated.pdf");
}
</script>

这是我当前通过CodePen进行的标记：

https://codepen.io/gdeleon101/pen/eoBeOm

我只能使文本出现在PDF中。而且，PDF没有图像或多页。由于文本很长，我需要包含图像和div的div放在PDF上，分多页。

我将不胜感激！

如何使用jsPDF包括图像创建多页PDF？

0 个答案: