angular - 在 ng2-pdf-viewer 中放大和缩小

Question

我正在使用 ng2-pdf-viewer 在我的应用程序中显示 pdf 文件。

<pdf-viewer [src]="pdfSrc"
          [page]="page"
          [zoom]="1.1"
          style="width: 100%;"

我想添加放大和缩小按钮。我如何在 ng2-pdf-viewer 中实现这个。

关于我可以与 Angular 4 一起使用的任何其他更好的库的建议将非常感谢

Answer 1

我通过更改 ng2 pdf-viewer 的 [zoom] 属性实现了自定义放大和缩小按钮

html

<pdf-viewer [src]="pdfSrc"
                [page]="page"
                [original-size]="true"
                [zoom]="zoom_to"></pdf-viewer>

这是组件类中的缩放方法

zoom_in() {
    this.zoom_to = this.zoom_to + 0.25;
  }

  zoom_out() {
    if (this.zoom_to > 1) {
       this.zoom_to = this.zoom_to - 0.25;
    }
  }