Pdf.js: पीडीएफ प्रतिपादन समाप्त होने पर कॉलबैक?

हमारे पास 'पेजरेंडर' इवेंट या रेंडर() रिटर्न का वादा है। सामान्य दर्शक कभी भी सभी पृष्ठों को प्रस्तुत नहीं करता है, इसलिए यह दर्शक के लिए ठीक नहीं होगा, जब तक कि हम सभी पृष्ठों को प्रस्तुत करते समय PDFViewer ऑब्जेक्ट के लिए एक मोड पेश नहीं करते।

ठीक है, तो किस वस्तु से 'पेजरेंडर' घटना को निकाल दिया जाता है? @yurydelendik

https://github.com/mozilla/pdf.js/blob/master/web/pdf_viewer.js#L225 देखें और https://github.com/mozilla/pdf.js/blob/master/web पर उपयोग का उदाहरण देखें

कृपया ध्यान दें कि हमारे पास दर्शकों के लिए एपीआई नहीं है। केवल हमारे द्वारा जारी एपीआई कोर और कैनवास रेंडरिंग के लिए है (देखें src/display/api.js)।

@yurydelendik मैं इसे कैनवास, इन-ब्राउज़र के साथ उपयोग कर रहा हूं। मैं इस बारे में उलझन में हूं कि पीडीएफ जेएस और भी कहां प्रासंगिक है। इसने मुझे तुरंत भ्रमित कर दिया, लेकिन फिर भी, ऐसा लगता है कि आपके पास वह है जिसकी मुझे तलाश है। बहुत बहुत धन्यवाद!

समाधान के रूप में बंद।

मुझे इस इवेंट को पकड़ने में परेशानी हो रही है।

मैं pagerendered घटना के लिए (Jquery) सुनता हूं जैसा कि ऊपर दिए गए दस्तावेज़ों में दिखाया गया है:

$(document).bind('pagerendered', function (e) {
    console.log('Page rendering complete.');
    //do stuff
});

और कैनवास पर पीडीएफ प्रस्तुत करें:

PDFJS.getDocument('my_file.pdf').then(function(pdf) {
    pdf.getPage(1).then(function(page) {
        /* .. snip .. */
        var scaledViewport = page.getViewport(scale);
        var canvas = document.getElementById('the-canvas');
        var context = canvas.getContext('2d');
        canvas.height = scaledViewport.height;
        canvas.width = scaledViewport.width;
        var renderContext = {
            canvasContext : context,
            viewport : scaledViewport
        };
        page.render(renderContext);
});

घटना को ट्रिगर करना स्वयं सफलतापूर्वक काम करता है, इसलिए मेरा श्रोता ठीक से सेट हो गया है, और page.render(renderContext) से बहुत पहले संलग्न है।

शायद मैंने घटना के ट्रिगर को गलत समझा। दस्तावेज़ से pagerendered ईवेंट को वास्तव में कब निकाल दिया जाना चाहिए?

@yurydelendik

यदि आप सामान्य व्यूअर का उपयोग नहीं कर रहे हैं, तो ईवेंट ट्रिगर नहीं होगा। क्षमा करें, मुझे समझ नहीं आया कि आप क्या पूछ रहे हैं।

रेंडरिंग समाप्त होने तक प्रतीक्षा करने का तरीका देखने के लिए https://github.com/mozilla/pdf.js/blob/master/examples/learning/prevnext.html#L76 देखें। यहां jQuery कम उपयोगी होगा, यह सीखने का प्रयास करें कि वादों का उपयोग कैसे करें।

@yurydelendik मैं अब समझता हूं, आपके समय के लिए बहुत बहुत धन्यवाद!

textlayerrendered घटना का उपयोग करना मेरे लिए काम करता है:

document.addEventListener('textlayerrendered', function (e) {
  if (e.detail.pageNumber === PDFViewerApplication.page) {
    // finished rendering
  }
}, true);

ऊपर अपने स्निपेट का उपयोग करके आप बस यह करेंगे:

page.render(renderContext).then(function() {
  console.log("FINISHED RENDERING!");
}, function() {
  console.log("ERROR");
});

@brendandahl धन्यवाद)

धन्यवाद @lucdetellis ! मैं कोशिश कर रहा हूं कि दर्शक के लिए बाहरी बटन प्रिंट कार्यक्षमता को ट्रिगर करे, लेकिन दी गई त्रुटि के कारण यह कभी काम नहीं करेगा। किसी फ़ंक्शन के अंदर आपके समाधान का उपयोग करने से मुझे उस फ़ंक्शन को पैरेंट फ्रेम से ट्रिगर करने की अनुमति मिलती है और फिर विंडो.फोकस() और विंडो.प्रिंट() जब रेंडरिंग समाप्त हो जाती है, और बीएएम, समस्या हल हो जाती है .. इस पर एक समाधान के लिए सब कुछ देख रहा था :)

document.addEventListener('textlayerrendered', function (e) {
  if (e.detail.pageNumber === PDFViewerApplication.page) {
    // finished rendering
  }
}, true);

मुझे कभी बुलाया नहीं जाता...

मैं इसे इस तरह बुला रहा हूं (अंत में viewer.js ):

document.addEventListener('textlayerrendered', function (e) {
      console.log("textlayerrendered event called!");
    if (e.detail.pageNumber === PDFViewerApplication.page) {
    // finished rendering
      console.log("FINISHED RENDERING!");
      Android.makeWebViewVisible();
     } else {
     console.log("NOT DONE RENDERING!");
     }
}, true);

document.addEventListener('DOMContentLoaded', webViewerLoad, true);

कृपया मेरी जावास्क्रिप्ट अज्ञानता को क्षमा करें, मैं एक एंड्रॉइड डेवलपर हूं जो जेएस कॉलबैक प्राप्त करने की कोशिश कर रहा है जब पीडीएफ ने प्रतिपादन समाप्त कर दिया है क्योंकि मैं कुछ एंड्रॉइड विशिष्ट मुद्दों में चल रहा हूं ... किसी भी मदद की बहुत सराहना की जाएगी।

अपडेट किया गया:
मुद्दा यह था कि मेरे Android WebView की दृश्यता VISIBLE पर सेट नहीं थी, इसलिए कोई भी JS ईवेंट ट्रिगर नहीं किया जा रहा था।

pdf.js के साथ प्रदान किए गए व्यूअर का उपयोग करते हुए, pagesloaded ईवेंट ने मेरे लिए काम किया (लोडिंग समाप्त होते ही मैं प्रिंट डायलॉग खोलता हूं):

document.addEventListener('pagesloaded', function (e) {
    window.print();
}, true);

@ फ़िरोज़ा-कछुए क्या आपने ईवेंट श्रोता को मुख्य दस्तावेज़ या आईफ़्रेम से जोड़ा था जहां आपके पास दर्शक है?

var iframe = document.getElementById('iframe').contentDocument;

                            iframe.addEventListener('pagesloaded', function (e) {
                                alert("loaded");
                            }, true);

मैं यह कर रहा हूं और यह काम नहीं कर रहा है

"eventBusDispatchToDOM" सेट करें: viewer.js में सच कोई यह क्यों नहीं बता रहा है!

ऐसा लगता है कि डिफ़ॉल्ट को बदल दिया गया था ताकि अगस्त से सितंबर के आसपास DOM को ईवेंट नहीं भेजा जा सके, #10019