Как сгенерировать несколько страниц PDF в JS?

Question

[BEKa T]

Хотел сгенерировать пдф странички с штрихкодами(баркодами). Нашел не сколько вариантов, но не понял как сгенерировать несколько страниц нужной ширины и высоты

Answer 1

[Taulan Khatuaev]

npm install jspdf
npm install jspdf-autotable
npm install @types/jspdf
npm install @types/jspdf-autotable

import jsPDF from "jspdf";
import "jspdf-autotable";
import bwipjs from "bwip-js";

// Функция, которая создает баркод на странице
const createBarcode = (doc, x, y, text) => {
  bwipjs.toCanvas("canvas", {
    bcid: "code128", // тип штрих-кода
    text: text, // текст, который нужно закодировать
    scale: 3, // масштабирование
  });

  const canvas = document.getElementById("canvas");
  const imgData = canvas.toDataURL("image/png");

  doc.addImage(imgData, "PNG", x, y, 50, 10);
};

// Создаем новый документ PDF
const doc = new jsPDF({
  orientation: "portrait",
  unit: "mm",
  format: "a4",
});

// Добавляем первую страницу
doc.addPage();

// Создаем баркоды на первой странице
createBarcode(doc, 10, 10, "123456789");
createBarcode(doc, 10, 30, "987654321");

// Добавляем вторую страницу
doc.addPage();

// Создаем баркоды на второй странице
createBarcode(doc, 10, 10, "55555555");
createBarcode(doc, 10, 30, "77777777");

// Добавляем третью страницу
doc.addPage();

// Создаем баркоды на третьей странице
createBarcode(doc, 10, 10, "11111111");
createBarcode(doc, 10, 30, "22222222");

// Сохраняем PDF файл
doc.save("barcodes.pdf");