如何将 Angular ngx-extended-pdf-viewer 与 Turnjs 翻书一起使用

Question

对不起，如果我的英语不好。 我有一个项目，它使用 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 来创建翻书，但是当同时使用两者时它不起作用。

Answer 1

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

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