Pdf.js: рд╕рдВрджрд░реНрдн рддреНрд░реБрдЯрд┐: pdfjsViewer рдкрд░рд┐рднрд╛рд╖рд┐рдд рдирд╣реАрдВ рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 11 рдлрд╝рд░ре░ 2019  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: mozilla/pdf.js

рд╕рдВрдХреНрд╖реЗрдк рдореЗрдВ, рдореИрдВ рдПрдХреНрд░реЛрдлреЙрд░реНрдо рдЙрджрд╛рд╣рд░рдг рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рдореИрдВ рдЕрдкрдиреЗ рд╕рд░реНрд╡рд░ рдкрд░ рд╣реЛрд╕реНрдЯ рдХрд┐рдП рдЧрдП рдПрдХ рдкреАрдбреАрдПрдл рдХреЛ рджреЗрдЦрдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рд▓реЗрдХрд┐рди рдпрд╣ рдореБрдЭреЗ рддреНрд░реБрдЯрд┐ рджреЗ рд░рд╣рд╛ рд╣реИ: рдзреНрдпрд╛рди рдореЗрдВ рди рдЖрдпрд╛ (рд╡рд╛рджреЗ рдореЗрдВ) рд╕рдВрджрд░реНрдн рддреНрд░реБрдЯрд┐: рдкреАрдбреАрдПрдлрдЬреЗрдПрд╕ рд╡реНрдпреВрдЕрд░ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдирд╣реАрдВ рд╣реИ

рдпрд╣рд╛рдВ рд╕рдВрд▓рдЧреНрди рдХрд░реЗрдВ (рдЕрдиреБрд╢рдВрд╕рд┐рдд) рдпрд╛ рдкреАрдбреАрдПрдл рдлрд╛рдЗрд▓ рд╕реЗ рд▓рд┐рдВрдХ рдХрд░реЗрдВ: рдлрд╛рдЗрд▓ рдореЗрд░реЗ рд╕рд░реНрд╡рд░ рдкрд░ рд╣реЛрд╕реНрдЯ рдХреА рдЧрдИ рд╣реИред

рд╡рд┐рдиреНрдпрд╛рд╕:

  • рд╡реЗрдм рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдФрд░ рдЙрд╕рдХрд╛ рд╕рдВрд╕реНрдХрд░рдг: Google рдХреНрд░реЛрдо рд╕рдВрд╕реНрдХрд░рдг 72.0.3626.96 (рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рдмрд┐рд▓реНрдб) (64-рдмрд┐рдЯ)
  • рдСрдкрд░реЗрдЯрд┐рдВрдЧ рд╕рд┐рд╕реНрдЯрдо рдФрд░ рдЙрд╕рдХрд╛ рд╕рдВрд╕реНрдХрд░рдг: рд╡рд┐рдВрдбреЛрдЬ 10
  • PDF.js рд╕рдВрд╕реНрдХрд░рдг: v2.1.245
  • рдПрдХ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдПрдХреНрд╕рдЯреЗрдВрд╢рди рд╣реИ: рдирд╣реАрдВ

рдореБрдЭреЗ var pdfPageView = new pdfjsViewer.PDFPageView рдкрд░ рддреНрд░реБрдЯрд┐ рдорд┐рд▓ рд░рд╣реА рд╣реИ ({

рдХреЛрдб рдиреАрдЪреЗ рдХреЗ рд░реВрдк рдореЗрдВ рд╣реИ:

pdfjsLib.GlobalWorkerOptions.workerSrc = "/js/Lib/pdf.worker.js";
    var DEFAULT_SCALE = 1.0;
    var container = document.getElementById('viewer_container');
    var loadingTask = pdfjsLib.getDocument(pathStringer);

    loadingTask.promise.then(function (doc) {
        // Use a promise to fetch and render the next page.
        var promise = Promise.resolve();

        for (var i = 1; i <= doc.numPages; i++) {
            promise = promise.then(function (pageNum) {
                return doc.getPage(pageNum).then(function (pdfPage) {
                    // Create the page view.
                    var pdfPageView = new pdfjsViewer.PDFPageView({
                        container: container,
                        id: pageNum,
                        scale: DEFAULT_SCALE,
                        defaultViewport: pdfPage.getViewport({ scale: DEFAULT_SCALE, }),
                        annotationLayerFactory:
                            new pdfjsViewer.DefaultAnnotationLayerFactory(),
                        renderInteractiveForms: true,
                    });

                    // Associate the actual page with the view and draw it.
                    pdfPageView.setPdfPage(pdfPage);
                    return pdfPageView.draw();
                });
            }.bind(null, i));
        }
    });

рд╕рднреА 3 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдореБрдЭреЗ var pdfPageView = new pdfjsViewer.PDFPageView рдкрд░ рддреНрд░реБрдЯрд┐ рдорд┐рд▓ рд░рд╣реА рд╣реИ ({

WFM, https://github.com/mozilla/pdf.js/tree/master/examples/acroforms#getting -started рдкрд░ рдирд┐рд░реНрджреЗрд╢реЛрдВ рдХрд╛ рдкрд╛рд▓рди рдХрд░рддреЗ рд╕рдордпред

рдЙрджрд╛рд╣рд░рдг рдХрд╛рдо рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдПред рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░реЗрдВ рдХрд┐ dist-install рдЪрд░рдг рдХреЛ рди рднреВрд▓реЗрдВред

рдореЗрд░рд╛ рдмреБрд░рд╛ред pdfjs-dist рд╕реЗ рджрд░реНрд╢рдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рдмрдЬрд╛рдп рдЬреЛ рдпрд╣рд╛рдБ рд╕реНрдерд┐рдд рд╣реИ
pdf.js\node_modules\pdfjs-dist\web\pdf_viewer.js , рдореИрдВ pdf.js\web\viewer.js рдкрд░ рджрд░реНрд╢рдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рдерд╛ред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

dmisdm picture dmisdm  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

timvandermeij picture timvandermeij  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

SehyunPark picture SehyunPark  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

anggikolo11 picture anggikolo11  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

PeterNerlich picture PeterNerlich  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ