0

对不起，如果我的英语不好。我有一个项目使用 angular 来读取 pdf 文件并将它们显示为翻书。我正在使用带有 turnjs 库的 ngx-extended-pdf-viewer。但是，他们很难一起工作。请帮我改进一下。我以如下角度阅读了pdf文件：

组件.html

<ngx-extended-pdf-viewer height="80vh" width="100%" zoom="100%"
[src]="src"
[useBrowserLocale]="true"
[spread]="'off'"
(pdfLoaded)="pdfLoadedEvent($event)">
</ngx-extended-pdf-viewer>

组件.ts

public pdfLoadedEvent(event: PdfLoadedEvent): void {
  $("#viewer").turn().turn('page',2);
  $("#previous, #next").click(function()
  {
    $("#viewer").turn($(this).text());
  });
}
public src = '../../../../assets/pdf/text.pdf'

我能够阅读 pdf 文件，我也可以在 angular 上使用 turnjs 来创建翻书，但是同时使用两者时它不起作用。

4

1 回答 1

0

哦，那是一个相当大的挑战。使用 ngx-extended-pdf-viewer 启动和运行 turn.js 需要您修改基础库 pdf.js，这并不容易。但是，我有好消息要告诉您：我在版本 10 中实现了一个工作（嗯，某种工作）原型。它使用了不同的库，但想法相同。看这里：https ://pdfviewer.net/extended-pdf-viewer/book-mode

（但不要期望太多 - 在撰写本文时它是一个未完成的功能）。

于 2021-09-10T19:52:55.020 回答