首页 / JAVASCRIPT / javascript-如何在Angular 2/4/5中使用PDF.js？

javascript-如何在Angular 2/4/5中使用PDF.js？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何在Angular 2/4/5中使用PDF.js？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含816字，纯文字阅读大概需要2分钟。

内容图文

我正在尝试使用Mozilla的PDF.js (example here)开发PDfViewer应用程序.如果有任何github项目作为参考,那将很棒.

提前致谢！！

解决方法:

如果不是必须使用Mozilla的PDF.js,则可以使用ng2-pdf-viewer npm模块,该模块在后台使用PDF.js.您可以按照以下步骤开始

安装

npm install ng2-pdf-viewer --save

注意：对于角度为4或更低的版本,请使用版本3.0.8

然后,将模块导入app.module.js

import { PdfViewerModule } from 'ng2-pdf-viewer';

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

然后在您的组件中使用它

@Component({
  selector: 'example-app',
  template: `
  <pdf-viewer [src]="pdfSrc" 
              [render-text]="true"
              style="display: block;">
  </pdf-viewer>
})

有关更多详细信息,请参考下面的git URL和演示URL.

https://github.com/VadimDez/ng2-pdf-viewer

https://vadimdez.github.io/ng2-pdf-viewer/

希望这对您有所帮助.

内容总结

以上是互联网集市为您收集整理的javascript-如何在Angular 2/4/5中使用PDF.js？全部内容，希望文章能够帮你解决javascript-如何在Angular 2/4/5中使用PDF.js？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/668165.html

来源：【匿名】