pdfjs-dist加载pdf

### 使用 `pdfjs-dist` 加载 PDF 文件

为了使用 `pdfjs-dist` 库加载并操作 PDF 文件，在 JavaScript 或者 Vue 3 环境下可以按照如下方式实现：

#### 安装依赖包
首先，确保安装了 `pdfjs-dist` 包。可以通过 npm 来完成这一过程。

npm install pdfjs-dist

#### 导入库与设置全局变量
接着，在项目的入口文件或是组件内部导入此模块，并初始化一些必要的参数。

import * as pdfjsLib from 'pdfjs-dist';
// 如果需要支持更多特性（如字体解析），取消下面这行的注释
// import pdfjsWorker from 'pdfjs-dist/build/pdf.worker.entry';

// 设置 worker 的路径 (如果上面那句被启用的话)
// pdfjsLib.GlobalWorkerOptions.workerSrc = pdfjsWorker;

const url = 'path-to-your-pdf.pdf'; // 替换成实际的PDF文档URL地址

#### 获取 PDF 文档对象
通过调用 `getDocument()` 函数传入目标 PDF 文件 URL 地址获取对应的 Document 对象实例。

pdfjsLib.getDocument(url).promise.then((pdf) => {
    console.log('PDF loaded');
    
    // 可在此处继续执行其他逻辑, 如渲染特定页数的内容等...
});

上述代码展示了如何利用 `pdfjs-dist` 成功加载一份远程存储的 PDF 文件[^2]。