基于angular的图像pdf查看器组件

你可以使用ngx-extended-pdf-viewer这个Angular组件来实现图像PDF查看器功能。它是一个基于PDF.js的库，可以在Angular应用程序中嵌入一个PDF查看器，支持各种自定义选项和功能。

以下是使用ngx-extended-pdf-viewer组件的步骤：

1. 安装依赖：

npm install ngx-extended-pdf-viewer pdfjs-dist

2. 在你的模块中导入PdfViewerModule：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { PdfViewerModule } from 'ngx-extended-pdf-viewer';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, PdfViewerModule],
  bootstrap: [AppComponent],
})
export class AppModule {}

3. 在你的组件中使用PdfViewerComponent：

<pdf-viewer src="path/to/your/pdf/file.pdf"></pdf-viewer>

你可以在PdfViewerComponent中设置各种选项，例如缩放级别、侧边栏、工具栏等等。更多信息请参考ngx-extended-pdf-viewer的文档。