javascript - 在浏览器中将 PDF 转换为 PNG

Question

我正在使用 Vue.js 并尝试在浏览器中将 PDF 转换为 PNG(或其他图像格式)。
现在我可以使用 PDF.js 从 URL 读取 PDF和 Vue.js 组件 pdfvuer像这样:

var self = this;
self.pdfdata = pdfvuer.createLoadingTask(
  "https://any-pdf-link"
);
self.pdfdata.then(pdf => {
  console.log(pdf.numPages)
})

接下来我应该怎么做才能将其转换为图像？

Answer 1

Pdfvuer作者在这里。
Pdfvuer/PDF.js 将 PDF 呈现为 Canvas 元素。您可以使用以下代码从第一页生成缩略图。

let s = document.querySelectorAll('canvas')[0]
let imageDataUrl = s.toDataURL('img/png')

这将为您提供页面的 base64 表示。