diff --git a/examples/components/singlepageviewer.html b/examples/components/singlepageviewer.html new file mode 100644 index 000000000..057fb3243 --- /dev/null +++ b/examples/components/singlepageviewer.html @@ -0,0 +1,51 @@ + + + + + + + + PDF.js Single Page Viewer using built components + + + + + + + + + + +
+
+
+ + + + diff --git a/examples/components/singlepageviewer.js b/examples/components/singlepageviewer.js new file mode 100644 index 000000000..44ec1d84f --- /dev/null +++ b/examples/components/singlepageviewer.js @@ -0,0 +1,68 @@ +/* Copyright 2014 Mozilla Foundation + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +'use strict'; + +if (!PDFJS.PDFSinglePageViewer || !PDFJS.getDocument) { + alert('Please build the pdfjs-dist library using\n' + + ' `gulp dist-install`'); +} + +// The workerSrc property shall be specified. +// +PDFJS.workerSrc = '../../node_modules/pdfjs-dist/build/pdf.worker.js'; + +// Some PDFs need external cmaps. +// +// PDFJS.cMapUrl = '../../node_modules/pdfjs-dist/cmaps/'; +// PDFJS.cMapPacked = true; + +var DEFAULT_URL = '../../web/compressed.tracemonkey-pldi-09.pdf'; +var SEARCH_FOR = ''; // try 'Mozilla'; + +var container = document.getElementById('viewerContainer'); + +// (Optionally) enable hyperlinks within PDF files. +var pdfLinkService = new PDFJS.PDFLinkService(); + +var pdfSinglePageViewer = new PDFJS.PDFSinglePageViewer({ + container: container, + linkService: pdfLinkService, +}); +pdfLinkService.setViewer(pdfSinglePageViewer); + +// (Optionally) enable find controller. +var pdfFindController = new PDFJS.PDFFindController({ + pdfViewer: pdfSinglePageViewer +}); +pdfSinglePageViewer.setFindController(pdfFindController); + +container.addEventListener('pagesinit', function () { + // We can use pdfSinglePageViewer now, e.g. let's change default scale. + pdfSinglePageViewer.currentScaleValue = 'page-width'; + + if (SEARCH_FOR) { // We can try search for things + pdfFindController.executeCommand('find', {query: SEARCH_FOR}); + } +}); + +// Loading document. +PDFJS.getDocument(DEFAULT_URL).then(function (pdfDocument) { + // Document loaded, specifying document for the viewer and + // the (optional) linkService. + pdfSinglePageViewer.setDocument(pdfDocument); + + pdfLinkService.setDocument(pdfDocument, null); +});