локально установленный PDF.JS не рендерит - PullRequest
0 голосов
/ 24 мая 2019

При попытке использовать PDF.JS из pdfjs, установленного с помощью npm, pdf не отображается без ошибок, отображаемых на консоли.

При использовании онлайн-источника (например, //mozilla.github.io/pdf.js/build/pdf.worker.js) PDF-файл отображается очень хорошо.

Это код, который я использую, взятый почти непосредственно из этого примера :

<script type="text/javascript" src="node_modules/pdfjs-dist/build/pdf.js"></script>
<script 
src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>

<h1>PDF.js 'Hello, world!' example</h1>
<canvas id="the-canvas"></canvas>

<script>
    var url='https://raw.githubusercontent.com/mozilla/pdf.js/ ba2edeae/examples/learning/helloworld.pdf';

    // Loaded via <script> tag, create shortcut to access PDF.js exports.
    var pdfjsLib = window['pdfjs-dist/build/pdf'];

    // The workerSrc property shall be specified.
    pdfjsLib.GlobalWorkerOptions.workerSrc = 'node_modules/pdfjs-dist/build/pdf.worker.js';

    // Asynchronous download of PDF
    var loadingTask = pdfjsLib.getDocument(url);
    loadingTask.promise.then(function(pdf) {
        console.log('PDF loaded');

        // Fetch the first page
        var pageNumber = 1;
        pdf.getPage(pageNumber).then(function(page) {
        console.log('Page loaded');

        var scale = 1.5;
        var viewport = page.getViewport({scale: scale});

        // Prepare canvas using PDF page dimensions
        var canvas = document.getElementById('the-canvas');
        var context = canvas.getContext('2d');
        canvas.height = viewport.height;
        canvas.width = viewport.width;

        // Render PDF page into canvas context
        var renderContext = {
            canvasContext: context,
            viewport: viewport
        };
        var renderTask = page.render(renderContext);
        renderTask.promise.then(function () {
            console.log('Page rendered');
        });
    });
}, function (reason) {
    // PDF loading error
    console.error(reason);
});

</script>

Это было через удаленную версию PDFJS Through remote PDFJS

Это было через локальную (npm) версию Local version of PDFJS

...