0

我正在使用 Angular 8 中的 ngx-extended-pdf-viewer 在模态中显示 pdf，它可以正确显示 pdf，但是当我单击打印按钮时，它只会打开 pdf 的最后一页以进行打印视图。

这是我的代码：

<ngx-extended-pdf-viewer
   [showBookmarkButton]="false"
   [showDownloadButton]="false"
   [showOpenFileButton]="false"
   [src]="pdfUrl"
   [useBrowserLocale]="true"
   height="80vh"
></ngx-extended-pdf-viewer>
4

3 回答 3

1 
#printContainer { position: absolute; }

在所有浏览器上为我解决了...

于 2021-09-18T08:27:42.077 回答
0

这是 ngx-extended-pdf-viewer 的开发者。看来您不是唯一一个遭受有关模态问题的人。

一般来说，问题是由pdf.js的打印算法引起的。它只是隐藏所有内容，将 PDF 页面添加为图像，然后打印结果。由于某种原因，模态往往会干扰该算法。例如，看看这个问题：https ://github.com/stephanrauh/ngx-extended-pdf-viewer/issues/152

但是，在您的情况下，只打印最后一页。这是我想进一步调查的事情。可以发给我一个复制器吗？即一个最小但功能齐全的演示，无需我投入太多工作即可显示错误？

于 2019-10-18T19:27:21.837 回答
-1

I was getting blank pages after every page on clicking print option.

Adding

#printContainer { 
  position: absolute; 
}

in main CSS file helped me resolve the issue.

于 2021-10-19T15:21:24.723 回答