Print.JS设置默认打印参数 实现PDF打印默认100%缩放输出

原生支持情况说明 #

Print.JS本身未暴露直接配置打印缩放比例的参数，这是因为网页端JavaScript受浏览器安全沙箱限制，无法直接强制修改系统/浏览器层级的默认打印设置，但可以通过配套配置实现打印时100%缩放的等效效果。

可行实现方案 #

• 方案1：搭配打印样式强制固定缩放比例
  调用Print.JS时传入CSS规则，强制内容按原始尺寸渲染，示例代码如下：

  printJS({
    printable: '待打印的PDF文件路径',
    type: 'pdf',
    // 清除容器默认边距，避免挤压内容
    targetStyle: ['width: 100%', 'height: 100%', 'margin: 0', 'padding: 0'],
    // 打印样式强制100%缩放
    css: `
      @page { size: auto; margin: 0mm; }
      @media print {
        body {
          -webkit-print-color-adjust: exact;
          zoom: 1;
          transform: scale(1);
        }
      }
    `
  })
  

  其中zoom: 1和transform: scale(1)会强制浏览器渲染打印内容时使用原始100%比例，避免默认的自动缩放适配逻辑。
• 方案2：预解析PDF后打印
  如果对打印精度要求极高，可以先通过PDF.js解析目标PDF的原始尺寸，逐页渲染为和原始尺寸完全匹配的Canvas元素，再调用Print.JS打印Canvas内容，完全避免缩放误差。
• 方案3：用户引导补充
  不同浏览器的打印配置逻辑存在兼容性差异，可在触发打印前增加轻量提示，告知用户若预览效果不符，可在打印设置面板手动将缩放选项调整为「100%」或「实际尺寸」，覆盖浏览器默认配置。

内容的提问来源于stack exchange，提问作者D. Barman