2

我正在尝试将 PDF 文件作为图像加载到 D3.js 中的 SVG 中，并使用 React。我设法使用 react-pdf 将 pdf 文件加载为 dom 元素。通过网络选项卡，我看到“pdf.worker.js”在 URL 处生成了一个 blob 作为 jpeg 图像（可能使用 createObjectURL）。我想访问这个 jpeg 图像，但我不知道如何访问，也没有找到答案。

https://imgur.com/PuSSJqC

任何人都可以帮助我吗？

我尝试直接从 DOM 访问 canvas 元素并使用importPDFCanvas.toDataURL()，但是这个图像是空白的。

onDocumentLoadSuccess = () => {
  const importPDFCanvas: HTMLCanvasElement = document.querySelector('.import-pdf-page canvas');
  const pdfAsImageSrc = importPDFCanvas.toDataURL();
};

<Document file={importPDF.pdfSrc}>
  <Page 
    className="import-pdf-page"
    onLoadSuccess={this.onDocumentLoadSuccess}
    pageNumber={1}
  />
</Document>;

我希望有一种方法可以通过 pdf.js api 访问此图像或 URL，但不知道如何获取它。抱歉，如果这似乎是一个新手问题，将不胜感激任何关于在哪里寻找或寻找什么的指导！

编辑： 解决方案只是使用onRenderSuccess而不是onLoadSuccess.

4

0 回答 0