Как я могу создать многостраничный PDF с jsPDF, включая изображения? - PullRequest
Новая
       14

Как я могу создать многостраничный PDF с jsPDF, включая изображения?

0 голосов
/ 17 апреля 2019

Я создаю био-страницу на сайте. На этой странице будет кнопка, которая при нажатии создаст PDF. Содержимое этого PDF-файла будет получено из определенного раздела на странице. Как я могу создать этот PDF с помощью jsPDF? Мне нужно иметь возможность иметь текст и изображения в этом PDF, а также иметь длину более одной страницы.

Я получил PDF, который будет создан с использованием jsPDF, но он не содержит моего изображения или полного содержимого 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, содержащий изображения и копию, был в PDF на нескольких страницах, так как текст длинный.

Буду признателен за любую помощь!

...