pdfjs打印预览多出一页空白页

问题描述:

测试发现,当pdf恰好是一页时,会出现打印预览多出一页空白页的问题,而当页面多时是正常的。

pdfjs打印预览多出一页空白页_第1张图片

解决方案

修改pdfjs源码/static/pdf/web/viewer.css

原样式:

  /* wrapper around (scaled) print canvas elements */
  #printContainer > div {
    position: relative;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    overflow: visible;
    page-break-after: always;
    page-break-inside: avoid;
  }

修改后:

  /* wrapper around (scaled) print canvas elements */
  #printContainer > div {
    position: relative;
    top: 0;
    left: 0;
    height: 100%; 
    overflow: hidden;
    page-break-after: always;
    page-break-inside: avoid;
  

修复后打印效果

pdfjs打印预览多出一页空白页_第2张图片

你可能感兴趣的:(踩坑记,前端,pdfjs)