Pdf.js: वेब-वर्कर में PDF.js कैनवास रेंडरिंग चलाएँ

को निर्मित 29 नव॰ 2018 · 4टिप्पणियाँ · स्रोत: mozilla/pdf.js

विन्यास:

क्रोम 71
ऑपरेटिंग सिस्टम और उसका संस्करण: कोई भी
पीडीएफ.जेएस संस्करण: 2.0.943
एक ब्राउज़र एक्सटेंशन है: नहीं

समस्या को पुन: उत्पन्न करने के लिए कदम:

इस तरह एक वेब वर्कर लिखें:

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 })
})

इसे कॉल करें जैसे w = new Worker('sample-pdf.js');

अपेक्षित व्यवहार क्या है? (स्क्रीनशॉट जोड़ें)

PDF OffscreenCanvas को रेंडर करेगा

क्या गलत हुआ? (स्क्रीनशॉट जोड़ें)

संदर्भ त्रुटि: दस्तावेज़ परिभाषित नहीं है
GenericFontLoader.insertRule पर (pdf.js:10154)
GenericFontLoader.bind पर (pdf.js:10205)
वर्करट्रांसपोर्ट पर।(पीडीएफ.जेएस:9177)
LoopbackPort.MessageHandler._onComObjOnMessage पर (pdf.js:12833)
लूपबैकपोर्ट पर।(पीडीएफ.जेएस:8681)
Array.forEach पर ()

यानी यह विफल हो रहा है:

StyleElement = this.styleElement = document.createElement('style');

समस्या एक डोम की अनुपस्थिति है। समस्या दस्तावेज़ीकरण में से एक हो सकती है, क्योंकि PDF.js में एक Node उदाहरण है , या समस्याएँ गहरे में छिपी हो सकती हैं। किसी भी मामले में मैं इसकी रिपोर्ट करना चाहता था अगर यहां कुछ स्पष्ट दिशानिर्देश थे।

1-core

स्रोत

brianmhunt

👍8

सबसे उपयोगी टिप्पणी

आप वेब-वर्कर के अंदर pdf.js का उपयोग कैसे करते हैं?

मैंने इसे इसके द्वारा आयात किया।

// Worker.ts
import { pdfjs } from "react-pdf";
pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;

pdfjs.getDocument(...) => errors

लेकिन getDocument का उपयोग करते समय। यह एक त्रुटि देता है

ध्यान में न आया (वादे में) त्रुटि: नकली कार्यकर्ता की स्थापना विफल: "__webpack_require__(...)। सुनिश्चित करें कि कोई कार्य नहीं है"

tandat2209 24 अप्रैल 2020

👍3

सभी 4 टिप्पणियाँ

(अनिवार्य रूप से) अंक #10039 के डुप्लिकेट की तरह दिखता है; सबसे अधिक संभावना है, OffscreenCanvas लिए आउट-ऑफ-द-बॉक्स समर्थित होने के लिए उचित मात्रा में री-फैक्टरिंग की आवश्यकता होगी।

Snuffleupagus 29 नव॰ 2018

धन्यवाद। @Snuffleupagus मैंने उस मुद्दे को देखा, और इसे लिंक करना चाहिए था; समस्याएँ इस अर्थ में समान नहीं हैं कि:

OffscreenCanvas का उपयोग मुख्य थ्रेड में किया जा सकता है (अर्थात इसका उपयोग वेब कर्मचारियों तक सीमित नहीं है);
एक वेब कार्यकर्ता को ऑफस्क्रीन कैनवास का उपयोग करने की आवश्यकता नहीं है (यानी ऑफस्क्रीन कैनवास के अलावा अन्य कैनवास पॉलीफिल काम कर सकता है);
PDF.js की वेब वर्कर्स में केवल एक कार्यशील OffscreenCanvas समस्या नहीं हो सकती है।

दूसरे शब्दों में OffscreenCanvas समर्थन एक और समस्या है जो CanvasElement संभावित विकल्प के रूप में होती है, लेकिन यह अकेले इस मुद्दे को हल करने के लिए पर्याप्त नहीं हो सकता है।

brianmhunt 29 नव॰ 2018

https://github.com/mozilla/pdf.js/blob/master/examples/node/pdf2png/pdf2png.js (एक नोड उदाहरण) को देखकर ऐसा लगता है कि आपको canvasFactory बनाने की आवश्यकता हो सकती है , बहुत। अगर आप ऐसा करते हैं तो क्या होगा?

jsoo1 8 मई 2019