时间戳

首页 > 解决方案 > 如何以角度突出显示内容ng2 pdf查看器

angular - 如何以角度突出显示内容ng2 pdf查看器

问题描述

我无法使用 Angular Cli 中可用的一系列标签突出显示 pdf 文件的内容或转换为 html，然后我可以将其替换为突出显示。我正在使用 ng2-pdf-viewer。希望大家帮忙。谢谢。

标签： angular

解决方案

<pdf-viewer *ngIf="isPdf" #pdfViewer id="pdfViewer" name="pdfViewer" [src]="pdfSrc.url"
                                [render-text]="true" [show-borders]="false" [autoresize]="true"
                                (on-progress)="onProgress($event)" (error)="onError($event)" [zoom]="1"
                                [show-all]="true" (after-load-complete)="afterLoadComplete($event)"
                                [original-size]="false" [(page)]="page" [stick-to-page]="true"
                                (text-layer-rendered)="textLayerRendered($event)" [external-link-target]="'blank'"
                                style="display: block;"
                                </pdf-viewer>

<ng-container *ngFor="let page of remainingPdfPages; let i = index">
                                <canvas class="pdf-page" [attr.page]="i + 1"></canvas>
                                <div class="pdf-page-div" [attr.page]="i + 1">{{i+1}}</div>
                            </ng-container>

推荐阅读