Pdf.js: एकल पृष्ठ दर्शक के लिए एक उदाहरण लिखें

नमस्ते! मैं इस मुद्दे को संबोधित करना चाहता हूं। यह मेरी पहली बार जीथब पर एक समस्या को हल करने का है, इसलिए मुझे अच्छा लगेगा यदि आप मुझे यह पता लगाने में मदद कर सकें कि कैसे शुरू किया जाए।
मुझे पहले से ही लोकल सर्वर के साथ एक स्थानीय कॉपी मिल रही है।

Https://github.com/mozilla/pdf.js/tree/master/examples/compile फ़ोल्डर में घटक उदाहरण हैं। इस पैच का उद्देश्य एक उदाहरण जोड़ना है जो PDFSinglePageViewer का उपयोग करता है। वहां के अन्य उदाहरणों की तरह, यह केवल डिफ़ॉल्ट ट्रेसीकॉम्ब पीडीएफ फाइल को लोड कर सकता है।

धन्यवाद! मैं इस पर काम करने की कोशिश करूंगा।

इसलिए, मैं यहाँ थोड़ा भ्रमित हो रहा हूँ। यह वही है जो मैंने समझा:
घटक फ़ोल्डर में, pageviewer.js एक उदाहरण है जो सामान्य रूप से पीडीएफ फाइलों को प्रदर्शित करने के लिए pdf_page_view.js का उपयोग करता है। मुझे सिंगलपेजव्यूअर.जैस की तरह एक उदाहरण बनाने की जरूरत है जो कि pdf_single_page_viewer.js का उपयोग करता है।

क्या मैं अब तक सही रास्ते पर हूँ?

तो मूल रूप से यह मुझे पेजव्यूअर.जेएस फ़ाइल से संपादित करने की आवश्यकता है ताकि यह एकल पृष्ठ दर्शक का उपयोग कर सके?

return pdfDocument.getPage(PAGE_TO_VIEW).then(function (pdfPage) {
    // Creating the page view with default parameters.
    var pdfPageView = new PDFJS.PDFPageView({
      container: container,
      id: PAGE_TO_VIEW,
      scale: SCALE,
      defaultViewport: pdfPage.getViewport(SCALE),
      // We can enable text/annotations layers, if needed
      textLayerFactory: new PDFJS.DefaultTextLayerFactory(),
      annotationLayerFactory: new PDFJS.DefaultAnnotationLayerFactory()
    });
    // Associates the actual page with the view, and drawing it
    pdfPageView.setPdfPage(pdfPage);
    return pdfPageView.draw();
  });

यहाँ एकल पेजव्यूअर। Js को संपादित भाग के रूप में शामिल किया गया है:

return pdfDocument.getPage(PAGE_TO_VIEW).then(function (pdfPage) {
    // Creating the page view with default parameters.
    var pdfSinglePageView = new PDFJS.PDFSinglePageViewer({
      container: container,
      id: PAGE_TO_VIEW,
      scale: SCALE,
      defaultViewport: pdfPage.getViewport(SCALE),
      // We can enable text/annotations layers, if needed
      textLayerFactory: new PDFJS.DefaultTextLayerFactory(),
      annotationLayerFactory: new PDFJS.DefaultAnnotationLayerFactory()
    });
    // Associates the actual page with the view, and drawing it
    pdfSinglePageView.setPdfPage(pdfPage);
    return pdfSinglePageView.draw();
  });

क्या मेरा दृष्टिकोण अब तक समझ में आ रहा है?

अपने व़क्त के लिए बहुत - बहुत शुक्रिया!

उचित प्रारूपण के साथ टिप्पणी को निरस्त करना।

घटक फ़ोल्डर में, pageviewer.js एक उदाहरण है जो सामान्य रूप से पीडीएफ फाइलों को प्रदर्शित करने के लिए pdf_page_view.js का उपयोग करता है। मुझे सिंगलपेजव्यूअर.जैस की तरह एक उदाहरण बनाने की जरूरत है जो कि pdf_single_page_viewer.js का उपयोग करता है।

यह देखते हुए कि PDFSinglePageViewer समान इंटरफ़ेस PDFViewer रूप में लागू होते हैं, https://github.com/mozilla/pdf.js/blob/master/examples-compenders/simpleviewer.js पर नया उदाहरण देते हुए अधिक उपयुक्त प्रारंभिक बिंदु होगा।

उस सलाह के लिए धन्यवाद!
मैंने एक अनुरोध सबमिट किया है https://github.com/mozilla/pdf.js/pull/8989। कृपया इसकी समीक्षा करें और मुझे बताएं कि क्या कोई बदलाव करना है।

संपादित करें:
मुझे नहीं पता कि मैं यहां कुछ याद कर रहा हूं लेकिन कोई भी घटक उदाहरण http://localhost:8888/examples/components/{anyfile}.html के ब्राउज़र में कुछ भी प्रदर्शित नहीं करते हैं। कंसोल निम्न त्रुटियाँ दिखाता है:

singlepageviewer.html:38 GET http://localhost:8888/node_modules/pdfjs-dist/web/pdf_viewer.css net::ERR_ABORTED
singlepageviewer.html:40 GET http://localhost:8888/node_modules/pdfjs-dist/build/pdf.js net::ERR_ABORTED
singlepageviewer.html:41 GET http://localhost:8888/node_modules/pdfjs-dist/web/pdf_single_page_viewer.js net::ERR_ABORTED
singlepageviewer.js:18 Uncaught ReferenceError: PDFJS is not defined
    at singlepageviewer.js:18

मुझे नहीं पता कि मैं यहां कुछ याद कर रहा हूं, लेकिन http: // localhost : 8888 / example / Components / {anyfile} .html पर ब्राउज़र में कुछ भी घटक उदाहरण प्रदर्शित नहीं होते हैं। कंसोल निम्न त्रुटियाँ दिखाता है:

के रूप में में उल्लेख किया है *.js उदाहरण के फ़ाइलें, जैसे देखने के लिए यहाँ आप चलाना था, gulp dist-install ?

मिल गया धन्यवाद!
यहाँ आपके सभी समीक्षित बदलावों के अनुसार पुल अनुरोध है और योगदान और स्क्वैशिंग के अनुसार विकी: https://github.com/mozilla/pdf.js/pull/8990
अपने व़क्त के लिए बहुत - बहुत शुक्रिया!