如何将blob图像添加到pdf文件？

// 导入PDF.js库
import pdfjsLib from 'pdfjs-dist';

// 创建一个Canvas元素
const canvas = document.createElement('canvas');
const context = canvas.getContext('2d');

// 加载PDF文件
pdfjsLib.getDocument('path/to/pdf/file.pdf').promise.then((pdf) => {
  // 获取第一页
  return pdf.getPage(1);
}).then((page) => {
  // 加载blob图像
  const imageBlob = new Blob(['blobImageData'], { type: 'image/jpeg' });
  const imageUrl = URL.createObjectURL(imageBlob);

  // 加载图像到Canvas
  const image = new Image();
  image.onload = function() {
    // 在Canvas上绘制图像
    context.drawImage(image, x, y, width, height);

    // 获取Canvas上的图像数据
    const imageData = canvas.toDataURL('image/jpeg');

    // 将图像数据插入到PDF页面中
    const viewport = page.getViewport({ scale: 1 });
    const pdfCanvas = document.createElement('canvas');
    const pdfContext = pdfCanvas.getContext('2d');
    pdfCanvas.width = viewport.width;
    pdfCanvas.height = viewport.height;
    pdfContext.drawImage(imageData, 0, 0, viewport.width, viewport.height);

    // 将PDF页面保存为新的PDF文件
    const pdfWriter = page.pdfDocument.getWriter();
    pdfWriter.insertPage(0, { canvasContext: pdfContext });
    pdfWriter.save('path/to/new/pdf/file.pdf');
  };

  image.src = imageUrl;
});