如何使用pdf.js下载可编辑PDF？解决打印存为图片PDF的问题

问题原因 #

pdf.js默认采用Canvas渲染PDF内容，触发打印并保存为PDF时，Canvas会被转换为图片嵌入新PDF中，导致无法选中文本。

解决方案 #

1. 切换至SVG渲染模式 #

若你的PDF无复杂特殊字体、加密或图形元素，可在初始化PDF文档时指定SVG渲染器，让内容以矢量形式渲染，打印时保留文本可选性：

// 初始化文档时指定渲染模式
const loadingTask = pdfjsLib.getDocument({
  url: '你的服务器PDF地址',
  renderer: 'svg' // 强制使用SVG渲染
});

注意：部分复杂PDF可能不兼容SVG渲染，此时会自动 fallback 到Canvas，需测试验证。

2. 调整Viewer的打印配置 #

如果你使用pdf.js官方viewer页面，可修改打印逻辑避免生成图片PDF：

• 找到viewer.js中的打印相关代码，定位到print()方法或PDFPrintService调用部分
• 确保调用createPrintDocument时，设置参数禁用图片化渲染，例如：

const printDocument = PDFPrintService.createPrintDocument({
  // 其他配置
  useOnlyCssTransforms: false,
  renderInteractiveForms: true // 按需保留表单交互
});

该配置会让打印流程优先使用文本矢量渲染，而非Canvas截图。

3. 验证原PDF的可编辑性 #

确认服务器返回的原始PDF是文本型PDF，而非扫描件转成的图片PDF。若原PDF本身就是图片格式，无论用什么工具打印，生成的文件都无法选中文本。

4. 使用官方打印API #

避免自定义Canvas截图打印逻辑，直接使用pdf.js内置的打印功能。官方viewer的打印按钮已做优化，确保调用正确的打印流程，不要自行通过Canvas.toDataURL等方式生成图片后再打印。

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