pdfjs-dist预览pdf

你可以使用pdfjs-dist来预览PDF文件。首先，确保你已经安装了pdfjs-dist库，你可以在官方的GitHub页面找到它。然后，按照以下步骤进行预览：

1. 导入必要的文件：

import pdfjsLib from 'pdfjs-dist';

2. 设置PDF文件路径：

const pdfPath = '/path/to/your/pdf/file.pdf';

3. 获取PDF文档：

const loadingTask = pdfjsLib.getDocument(pdfPath);
loadingTask.promise.then((pdf) => {
  // 处理PDF文档
}).catch((error) => {
  // 处理错误
});

4. 渲染PDF页面：

const pageNumber = 1; // 页面编号从1开始
pdf.getPage(pageNumber).then((page) => {
  const canvas = document.getElementById('pdf-canvas'); // 获取用于渲染的canvas元素
  const context = canvas.getContext('2d');
  
  const viewport = page.getViewport({ scale: 1.0 }); // 缩放比例为1.0
  canvas.width = viewport.width;
  canvas.height = viewport.height;

  const renderContext = {
    canvasContext: context,
    viewport: viewport
  };
  
  page.render(renderContext);
});

以上代码中，你需要将 `pdfPath` 替换为你自己的PDF文件路径，并确保你的HTML中有一个 `canvas` 元素，用于渲染PDF页面。

希望这可以帮助到你！如果你有任何其他问题，请随时提问。