Question

我在Angular 8中使用ngx-extended-pdf-viewer，pdf正确显示。我的问题是我只需要显示一个页面，但是默认情况下它显示所有页面。

是否可以使用此pdf查看器仅呈现一页？

这是我的代码

<ngx-extended-pdf-viewer 

      [src]="pdfSrc" 
      [handTool]="true"
      [showHandToolButton]="true"
      backgroundColor="#ffffff"
      [height]="'100vh'"
      [useBrowserLocale]="true"
      [zoom]= 73
      [showSidebarButton]="false"
      [showFindButton]="false"
      [showPagingButtons]="false"
      [showZoomButtons]="false"
      [showPresentationModeButton]="false"
      [showOpenFileButton]="false"
      [showPrintButton]="false"
      [showDownloadButton]="false"
      [showBookmarkButton]="false"
      [showSecondaryToolbarButton]="false"
      [showRotateButton]="false"
      [showHandToolButton]="false"
      [showScrollingButton]="false"
      [showSpreadButton]="false"
      [showPropertiesButton]="false"
      [sidebarVisible]="false"

></ngx-extended-pdf-viewer

Answer 1

您读过the documentation吗？

[(page)] →双向绑定属性，以确定要显示的页面；更精确地说：[page]="25"使PDF查看器显示第25页（在任何时间-甚至在加载时间之后）；每当用户滚动到另一个页面时，[(page)]="attribute"都会更新属性。如果您只对活动感兴趣，那就是(pageChange)。

Answer 2

我是ngx-extended-pdf-viewer的开发人员。不可以，目前无法仅渲染单个页面。我已经创建了该组件，以将优秀的旧Adobe阅读器的完整功能集引入Angular世界。这是关于阅读整个文档的方式。

要显示单个页面，我建议另外两种方法：

使用Vadym Yatsyuk的PDF小部件。这个人创建了一个令人印象深刻的小部件，因此它可能是您的朋友。但是，它仍然针对显示整个文档进行了优化。
pdf.js项目页面具有examples how to render individual pages。那是一个低级的API，但据我所知，该文档很好。

Answer 3

如果仍然有人希望对上述情况有一个更好的答案，那么通过最近的发展，这是可能的。

我与开发人员打开了以下线程，并能够在最新版本（4.1.0-5.0.0）中添加此功能。

https://github.com/stephanrauh/ngx-extended-pdf-viewer/issues/495

请在此处检查API， https://pdfviewer.net/getting-started 以及单页模式的演示 https://pdfviewer.net/page-view-mode

Answer 4

在当前版本中，可以将 pageViewMode 设置为“single”：

<ngx-extended-pdf-viewer
  [src]="'assets/pdfs/sample.pdf'"
  [pageViewMode]="'single'"
></ngx-extended-pdf-viewer>

此处记录：

https://www.pdfviewer.net/extended-pdf-viewer/page-view-mode

ngx-extended-pdf-viewer是否可以仅渲染一页？

4 个答案: