在浏览器中将 PDF 转换为 PNG

Question

我正在使用 Vue.js 并尝试在浏览器中将 PDF 转换为 PNG（或其他图像格式）。现在我可以使用PDF.jsVue.js 组件pdfvuer从 URL 读取 PDF，如下所示：

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 呈现为画布元素。您可以使用以下代码从第一页生成缩略图。

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

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