前言
最近做reat框架搭建的项目，要实现后端给一个这样http://127.0.0.1:8000/record-bazy/4ca66658211140518b15b9ebe39401e0.pdf 的地址，前端将PDF渲染到html页面中。
所以我就到网上去找实现的例子。多数推荐 PDF.js ,但是都是将js文件引入的一些写法，我还是更倾向于用 npm 引用的方式，所以我找到了 pdfjs-dist
开发
npm install pdfjs-dist
注意：这里我遇到了第一个坑
用上面的方式，安装下来的包版本是 3.0 以上的，然后编辑器报错 ，翻译其中的错误：
模块分析失败：意外的令牌（943:33） 您可能需要一个适当的加载器来处理此文件类型，目前没有配置任何加载器来处理该文件。
大概是我项目的安装包的loaders无法解析这个pdf的包，下载固定版本，并把项目安装包重新下载，我下载的是v2.0.943
npm install pdfjs-dist @2.0.943
- 产品需求，是后端的pdf页面是多少，就展示出来多少，所以，要经过循环渲染Canvas
代码片段在Script 里
