pdf-lib中setCropBox与drawPage配合问题：裁剪后嵌入仍显示完整内容

问题核心：直接修改原PDF文档的CropBox后，embedPdf方法默认读取页面的MediaBox（原始尺寸），而非设置的CropBox，导致嵌入的还是未裁剪内容。

解决方案：先导出裁剪后的PDF字节，再嵌入该裁剪后的文档 #

通过将修改CropBox后的文档先导出为新的PDF字节流，再加载这个新文档进行嵌入操作，就能确保嵌入的是裁剪后的内容。

完整代码示例：

const fs = require('fs').promises;
const { PDFDocument, degrees } = require('pdf-lib');

async function processPdf() {
  // 1. 读取原PDF并设置裁剪框
  const existingPdfBytes = await fs.readFile('input.pdf');
  const existingPdfDoc = await PDFDocument.load(existingPdfBytes);
  const pdfPage = existingPdfDoc.getPages()[0];
  // 设置裁剪区域（参数为x, y, width, height，对应PDF坐标）
  pdfPage.setCropBox(0, 200, 595, 842);
  
  // 2. 导出裁剪后的PDF字节
  const croppedPdfBytes = await existingPdfDoc.save();

  // 3. 创建目标文档并嵌入裁剪后的页面
  const rotatedPdfDoc = await PDFDocument.create();
  const croppedPdfDoc = await PDFDocument.load(croppedPdfBytes);
  const [embeddedPage] = await rotatedPdfDoc.embedPdf(croppedPdfDoc, [0]);

  // 4. 添加目标页面并多次绘制裁剪后的页面（示例为A4尺寸页面）
  const newPage = rotatedPdfDoc.addPage([595, 842]);
  
  // 定义5个放置位置，可根据需求调整坐标、尺寸和旋转角度
  const placementConfigs = [
    { x: 227, y: 421, rotate: degrees(-90) },
    { x: 50, y: 421, rotate: degrees(-90) },
    { x: 404, y: 421, rotate: degrees(-90) },
    { x: 227, y: 100, rotate: degrees(-90) },
    { x: 227, y: 742, rotate: degrees(-90) },
  ];

  placementConfigs.forEach(config => {
    newPage.drawPage(embeddedPage, {
      x: config.x,
      y: config.y,
      width: 297, 
      height: 297, 
      rotate: config.rotate,
    });
  });

  // 5. 保存最终PDF
  const finalPdfBytes = await rotatedPdfDoc.save();
  await fs.writeFile('output.pdf', finalPdfBytes);
}

processPdf().catch(err => console.error(err));

关键说明 #

• 先导出裁剪后的PDF，相当于将CropBox的设置固化为页面的实际可见区域，此时再嵌入就会只获取裁剪后的内容。
• 如果需要更灵活的布局，可以调整placementConfigs中的坐标、尺寸和旋转角度参数，适配你的页面需求。

内容的提问来源于stack exchange，提问作者Ashish Mishra