Vue3.js 中使用 pdf.js 渲染 PDF 文件

是的，可以使用 Vue3.js 和 pdf.js 库来在 HTML 中呈现 PDF 文件。以下是基本的步骤：

安装 pdf.js 库。

npm install pdfjs-dist

在 Vue3.js 组件中引入 pdf.js 库。

import pdfjsLib from 'pdfjs-dist';

创建 Vue3.js 组件，加载 PDF 文件并呈现。

<template>
  <div>
    <canvas ref='pdfCanvas'></canvas>
  </div>
</template>

<script>
export default {
  mounted() {
    // 加载 PDF 文件
    pdfjsLib.getDocument('path/to/pdf/file.pdf').promise.then(pdf => {
      // 获取第一页
      return pdf.getPage(1);
    }).then(page => {
      // 设置缩放比例
      var scale = 1.5;
      var viewport = page.getViewport({ scale: scale });

      // 获取画布
      var canvas = this.$refs.pdfCanvas;
      var context = canvas.getContext('2d');
      canvas.height = viewport.height;
      canvas.width = viewport.width;

      // 渲染 PDF 页面
      page.render({
        canvasContext: context,
        viewport: viewport
      });
    });
  }
}
</script>

需要注意的是，PDF 文件需要在服务器上才能被加载和呈现。因此，需要将 PDF 文件上传到服务器，并在路径中指定正确的 URL。