如何在Turnjs动画书中使用Angular ngx-extended-pdf-viewer

Question

如果我的英语不好，很抱歉。我有一个使用angular读取pdf文件并将其显示为动画书的项目。我正在使用ngx-extended-pdf-viewer和turnjs库。然而，它们很难在一起工作。请帮我改进一下。我在angular中读取了pdf文件，如下所示：

component.html

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

component.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

(但不要期望太多--在写这篇文章的时候，它还是一个未完成的特性)。