4

我在 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
4

4 回答 4

1

你读过文档吗？

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

于 2019-10-03T09:12:42.787 回答
1

我是 ngx-extended-pdf-viewer 的开发者。不，目前不可能只呈现单个页面。我创建了这个组件，以将旧的 Adob​​e 阅读器的完整功能集带到 Angular 世界。这是关于以风格阅读整个文档。

为了显示单个页面，我推荐了另外两种方法：

  • 使用Vadym Yatsyuk的 PDF 小部件。这个人创造了一个令人印象深刻的小部件，所以它可能是你的朋友。但是，它仍然针对显示整个文档进行了优化。

  • pdf.js 项目页面包含如何呈现单个页面的示例。这是一个低级 API，但据我所知，文档很好。

于 2019-10-16T20:31:49.170 回答
0

如果有人仍然想对上述情况有更好的答案，现在可以通过最近的发展来实现。

我与开发人员一起打开了以下线程，并且能够在最新版本（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

于 2020-10-23T05:09:27.103 回答
0

在当前版本中，可以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

于 2021-07-12T09:15:36.163 回答