Pdf.js: 웹 작업자에서 PDF.js 캔버스 렌더링 실행

구성:

• 크롬 71
• 운영 체제 및 해당 버전: 모든
• PDF.js 버전: 2.0.943
• 브라우저 확장자: 아니요

문제를 재현하는 단계:

1. 다음과 같이 웹 작업자를 작성하십시오.

function onmessage () {
  const pdfDocument = await pdfjs.getDocument('/some-hard-coded.pdf')
  const page = await pdfDocument.getPage(1)
  const viewport = pdfPage.getViewport(1)
  const width = 250
  const height = viewport.height * (width / viewport.width)
  const canvas = new OffscreenCanvas(width, height)
  const canvasContext = canvas.getContext('2d', { alpha: false })
  return page.render({ canvasContext, viewport })
})

1. w = new Worker('sample-pdf.js'); 와 같이 호출하세요.

예상되는 동작은 무엇입니까? (스크린샷 추가)

PDF는 OffscreenCanvas 렌더링됩니다.

무엇이 잘못되었나요? (스크린샷 추가)

ReferenceError: 문서가 정의되지 않았습니다.
GenericFontLoader.insertRule(pdf.js:10154)
GenericFontLoader.bind에서 (pdf.js:10205)
WorkerTransport에서(pdf.js:9177)
LoopbackPort.MessageHandler._onComObjOnMessage에서 (pdf.js:12833)
루프백포트에서.(pdf.js:8681)
Array.forEach에서 ()

즉 이것은 실패하고 있습니다.

styleElement = this.styleElement = document.createElement('스타일');

문제는 DOM이 없다는 것입니다. PDF.js에 Node 예제가 있는 것처럼 문제는 문서 중 하나일 수 있습니다. 또는 깊은 곳에 숨어 있는 문제가 있을 수 있습니다. 어쨌든 여기에 몇 가지 분명한 지침이 있는 경우를 대비하여 보고하고 싶었습니다.