pdfjs-dist 合并pdf

根据提供的引用内容，pdfjs-dist似乎不能直接合并PDF文件。但是，我们可以使用pdf.js将PDF文件分解成单独的页面，然后使用jsPDF将这些页面合并成一个新的PDF文件。以下是实现此操作的步骤：

1.下载pdfjs-dist(一定要下载2.2.228版本的) npm i pdfjs-dist@2.2.228

2.使用pdf.js将PDF文件分解成单独的页面。可以使用以下代码：

// 引入pdf.js
import pdfjsLib from 'pdfjs-dist';

// 加载PDF文件
const loadingTask = pdfjsLib.getDocument('example.pdf');

// 获取PDF页面
loadingTask.promise.then((pdf) => {
  const pages = [];
  for (let i = 1; i <= pdf.numPages; i++) {
    pages.push(pdf.getPage(i));
  }
  return Promise.all(pages);
}).then((pages) => {
  // 将每个页面转换为canvas
  const canvases = [];
  const viewport = pages[0].getViewport({ scale: 1.0 });
  const canvas = document.createElement('canvas');
  const context = canvas.getContext('2d');
  canvas.height = viewport.height;
  canvas.width = viewport.width;
  pages.forEach((page) => {
    const canvas = document.createElement('canvas');
    const context = canvas.getContext('2d');
    canvas.height = viewport.height;
    canvas.width = viewport.width;
    const renderContext = {
      canvasContext: context,
      viewport: viewport
    };
    page.render(renderContext).promise.then(() => {
      canvases.push(canvas);
      if (canvases.length === pages.length) {
        // 所有页面都已转换为canvas
        // 在这里将它们合并成一个新的PDF文件
      }
    });
  });
});

3.使用jsPDF将这些页面合并成一个新的PDF文件。可以使用以下代码：

// 引入jsPDF
import jsPDF from 'jspdf';

// 将canvas添加到新的PDF文件中
const doc = new jsPDF();
canvases.forEach((canvas) => {
  const imgData = canvas.toDataURL('image/png');
  doc.addImage(imgData, 'PNG', 0, 0);
  if (canvases.indexOf(canvas) !== canvases.length - 1) {
    doc.addPage();
  }
});

// 保存新的PDF文件
doc.save('merged.pdf');