56a8c934dd
Despite this patch removing the `disableWorker` option itself, please note that we'll still fallback to loading the worker file(s) on the main-thread when running in environments without proper Web Worker support. Furthermore it's still possible, even with this patch, to force the use of fake workers by manually loading the necessary file using a `<script>` tag on the main-thread.[1] That way, the functionality of the now removed `SINGLE_FILE` build target and the resulting `build/pdf.combined.js` file can still be achieved simply by adding e.g. `<script src="build/pdf.worker.js"></script>` to the HTML (obviously with the path adjusted as needed). Finally note that the `disableWorker` option is a performance footgun, and unfortunately many existing third-party examples actually use it without providing any sort of warning/justification. --- [1] This approach is used in the default viewer, since certain kind of debugging may be easier if the code is running directly on the main-thread.
33 lines
1002 B
JavaScript
33 lines
1002 B
JavaScript
// Any copyright is dedicated to the Public Domain.
|
|
// http://creativecommons.org/licenses/publicdomain/
|
|
|
|
// Hello world example for browserify.
|
|
|
|
require('pdfjs-dist');
|
|
|
|
var pdfPath = '../helloworld/helloworld.pdf';
|
|
|
|
// Setting worker path to worker bundle.
|
|
PDFJS.workerSrc = '../../build/browserify/pdf.worker.bundle.js';
|
|
|
|
// Loading a document.
|
|
var loadingTask = PDFJS.getDocument(pdfPath);
|
|
loadingTask.promise.then(function (pdfDocument) {
|
|
// Request a first page
|
|
return pdfDocument.getPage(1).then(function (pdfPage) {
|
|
// Display page on the existing canvas with 100% scale.
|
|
var viewport = pdfPage.getViewport(1.0);
|
|
var canvas = document.getElementById('theCanvas');
|
|
canvas.width = viewport.width;
|
|
canvas.height = viewport.height;
|
|
var ctx = canvas.getContext('2d');
|
|
var renderTask = pdfPage.render({
|
|
canvasContext: ctx,
|
|
viewport: viewport
|
|
});
|
|
return renderTask.promise;
|
|
});
|
|
}).catch(function (reason) {
|
|
console.error('Error: ' + reason);
|
|
});
|