Example for converting PDF to PNG using the Node canvas library

This commit is contained in:
Mukul Mishra 2017-03-03 01:48:33 +05:30 committed by Tim van der Meij
parent b6bf1a3eb8
commit f885e98d20
No known key found for this signature in database
GPG Key ID: 8C3FD2925A5F2762
3 changed files with 106 additions and 0 deletions

1
.gitignore vendored
View File

@ -6,3 +6,4 @@ tags
Makefile
node_modules/
examples/node/svgdump/
examples/node/pdf2png/*.png

View File

@ -0,0 +1,16 @@
## Overview
Example to demonstrate converting a PDF file to a PNG image using the PDF.js library.
## Getting started
Install the dependencies and build the project:
$ npm install
$ gulp dist
Install the Node canvas library to convert the first page of a PDF file to a PNG image:
$ npm install canvas
$ cd examples/node/pdf2png
$ node pdf2png.js

View File

@ -0,0 +1,89 @@
/* Copyright 2017 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.
*/
var Canvas = require('canvas');
var assert = require('assert');
var fs = require('fs');
function NodeCanvasFactory() {}
NodeCanvasFactory.prototype = {
create: function NodeCanvasFactory_create(width, height) {
assert(width > 0 && height > 0, 'Invalid canvas size');
var canvas = new Canvas(width, height);
var context = canvas.getContext('2d');
return {
canvas: canvas,
context: context,
};
},
reset: function NodeCanvasFactory_reset(canvasAndContextPair, width, height) {
assert(canvasAndContextPair.canvas, 'Canvas is not specified');
assert(width > 0 && height > 0, 'Invalid canvas size');
canvasAndContextPair.canvas.width = width;
canvasAndContextPair.canvas.height = height;
},
destroy: function NodeCanvasFactory_destroy(canvasAndContextPair) {
assert(canvasAndContextPair.canvas, 'Canvas is not specified');
// Zeroing the width and height cause Firefox to release graphics
// resources immediately, which can greatly reduce memory consumption.
canvasAndContextPair.canvas.width = 0;
canvasAndContextPair.canvas.height = 0;
canvasAndContextPair.canvas = null;
canvasAndContextPair.context = null;
},
};
var pdfjsLib = require('../../../build/dist');
// Relative path of the PDF file.
var pdfURL = '../../helloworld/helloworld.pdf';
// Read the PDF file into a typed array so PDF.js can load it.
var rawData = new Uint8Array(fs.readFileSync(pdfURL));
// Load the PDF file.
pdfjsLib.getDocument(rawData).then(function (pdfDocument) {
console.log('# PDF document loaded.');
// Get the first page.
pdfDocument.getPage(1).then(function (page) {
// Render the page on a Node canvas with 100% scale.
var viewport = page.getViewport(1.0);
var canvasFactory = new NodeCanvasFactory();
var canvasAndContextPair = canvasFactory.create(viewport.width, viewport.height);
var renderContext = {
canvasContext: canvasAndContextPair.context,
viewport: viewport,
canvasFactory: canvasFactory
};
page.render(renderContext).then(function () {
// Convert the canvas to an image buffer.
image = canvasAndContextPair.canvas.toBuffer();
fs.writeFile('output.png', image, function (error) {
if (error) {
console.error('Error: ' + error);
} else {
console.log('Finished converting first page of PDF file to a PNG image.');
}
});
});
});
}).catch(function(reason) {
console.log(reason);
});