Skip to content

Instantly share code, notes, and snippets.

@mikebarnhardt
Created January 16, 2018 14:10
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mikebarnhardt/8a32916df0d070915836bf949be97be8 to your computer and use it in GitHub Desktop.
Save mikebarnhardt/8a32916df0d070915836bf949be97be8 to your computer and use it in GitHub Desktop.
PDF.js with text selection
// Taken from https://stackoverflow.com/questions/33063213/pdf-js-with-text-selection
PDFJS.getDocument('file.pdf').then(function(pdf){
var page_num = 1;
pdf.getPage(page_num).then(function(page){
var scale = 1.5;
var viewport = page.getViewport(scale);
var canvas = $('#the-canvas')[0];
var context = canvas.getContext('2d');
canvas.height = viewport.height;
canvas.width = viewport.width;
var canvasOffset = $(canvas).offset();
var $textLayerDiv = $('#text-layer').css({
height : viewport.height+'px',
width : viewport.width+'px',
top : canvasOffset.top,
left : canvasOffset.left
});
page.render({
canvasContext : context,
viewport : viewport
});
page.getTextContent().then(function(textContent){
console.log( textContent );
var textLayer = new TextLayerBuilder({
textLayerDiv : $textLayerDiv.get(0),
pageIndex : page_num - 1,
viewport : viewport
});
textLayer.setTextContent(textContent);
textLayer.render();
});
});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment