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

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)] → two-way binding attribute to determine the page to display; more precisely: [page]="25" makes the PDF viewer show page 25 (at any time - even after load time); [(page)]="attribute" updates the attribute each time the user scrolls to another page. If you're only interested in the event, that's (pageChange).

Answer 2

我是 ngx-extended-pdf-viewer 的开发者。不，目前无法只呈现单个页面。我创建的组件是为了将旧版 Adobe reader 的完整功能集带到 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 以及这里的单页模式的DEMO https://pdfviewer.net/page-view-mode

Answer 4

在当前版本中，可以将 pageViewMode 设置为“单一”:

<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 是否可以只渲染一页？

ngx-extended-pdf-viewer Is it possible to render only one page?

angular

pdf

ngx-extended-pdf-viewer