ZenBrowserMirrors/pdf.js
1
0
Fork 0
mirror of https://github.com/zen-browser/pdf.js.git synced 2025-07-08 01:10:08 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Adds/modifies examples for node.js and webpack.

Browse source
This commit is contained in:
Yury Delendik 2015-12-21 13:46:50 -06:00
parent 9228e1ffcf
commit 79c2f69c32
15 changed files with 170 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

1
examples/webpack/.gitignore vendored Normal file
View file

@ -0,0 +1 @@
node_modules/

18
examples/webpack/README.md Normal file
View file

@ -0,0 +1,18 @@
## Overview
Example to demonstrate PDF.js library usage with webpack.
## Getting started
Build project and install the example dependencies:
$ node make dist
$ cd examples/webpack
$ npm install
To build webpack bundles, run `node_modules/.bin/webpack`. If you are running
a web server, you can observe the build results at
http://localhost:8888/examples/webpack/index.html
See main.js and webpack.config.js files. Please notice that PDF.js packaging
requires 'entry' loader.

11
examples/webpack/index.html Normal file
View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>webpack example</title>
<script src="../../build/webpack/bundle.js"></script>
</head>
<body>
<canvas id="theCanvas"></canvas>
</body>
</html>

32
examples/webpack/main.js Normal file
View file

@ -0,0 +1,32 @@
// Any copyright is dedicated to the Public Domain.
// http://creativecommons.org/licenses/publicdomain/
// Hello world example for webpack.
require('pdfjs-dist');
var pdfPath = '../helloworld/helloworld.pdf';
// It is also possible to disable workers via `PDFJS.disableWorker = true`,
// however that might degrade the UI performance in web browsers.
// 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);
});

9
examples/webpack/package.json Normal file
View file

@ -0,0 +1,9 @@
{
"name": "webpack-pdf.js-example",
"version": "0.1.0",
"devDependencies": {
"webpack": "~1.12.9",
"entry-loader": "~0.1.0",
"pdfjs-dist": "../../build/dist"
}
}

20
examples/webpack/webpack.config.js Normal file
View file

@ -0,0 +1,20 @@
var webpack = require('webpack');
var path = require('path');
module.exports = {
context: __dirname,
entry: './main.js',
output: {
path: path.join(__dirname, '../../build/webpack'),
publicPath: '../../build/webpack/',
filename: 'bundle.js'
},
plugins: [
new webpack.optimize.UglifyJsPlugin({
compressor: {
screw_ie8: true,
warnings: false
}
})
]
};