它的实现过程是将PDF按页绘制在canvas上的，其页码数oage默认值是1，展示第一

PDF转Canvas的过程通常涉及JavaScript库，如PDF.js，它允许你在网页上动态渲染PDF文件。以下是基本步骤：

1. 引入PDF.js库：首先，在HTML中引入PDF.js的CDN链接或者本地资源。

<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfjs-dist/2.17.259/pdf.min.js"></script>

2. 创建`<canvas>`元素：用于实际显示PDF内容的HTML元素。

<canvas id="pdf-canvas"></canvas>

3. 加载PDF：在JavaScript中，创建一个PDF加载队列，并指定PDF URL。

const pdfUrl = 'path_to_your_pdf.pdf';
PDFJS.getDocument(pdfUrl).promise.then((pdf) => {
  // PDF加载成功后处理
});

4. 遍历页面：获取PDF的总页数，并在每个页面上创建一个新的渲染上下文。

async function renderPage(page) {
  const canvas = document.getElementById('pdf-canvas');
  const context = canvas.getContext('2d');

  await page.render({
    canvasContext: context,
    scale: 1, // 可以调整缩放比例
  });
}

// 获取PDF的页数并开始渲染
pdf.onGetPages = () => {
  const numPages = pdf.numPages;
  for (let i = 1; i <= oage || i <= numPages; i++) { // 使用默认值1，或用户指定的oage
    renderPage(pdf.getPage(i));
  }
};

5. 错误处理：添加适当的错误处理，以防加载或渲染过程中出现问题。

pdf.promise.catch((err) => {
  console.error('Error loading PDF:', err);
});