Breaking News: Grepper is joining You.com. Read the official announcement!

generate thumbnail of pdf using pf js

Joyous Jay answered on May 2, 2020 Popularity 8/10 Helpfulness 5/10

answer generate thumbnail of pdf using pf js

generate thumbnail of pdf using pf js

Comment

function makeThumb(page) {
  // draw page to fit into 96x96 canvas
  var vp = page.getViewport(1);
  var canvas = document.createElement("canvas");
  canvas.width = canvas.height = 96;
  var scale = Math.min(canvas.width / vp.width, canvas.height / vp.height);
  return page.render({canvasContext: canvas.getContext("2d"), viewport: page.getViewport(scale)}).promise.then(function () {
    return canvas;
  });
}

pdfjsLib.getDocument("https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf").promise.then(function (doc) {
  var pages = []; while (pages.length < doc.numPages) pages.push(pages.length + 1);
  return Promise.all(pages.map(function (num) {
    // create a div for each page and build a small canvas for it
    var div = document.createElement("div");
    document.body.appendChild(div);
    return doc.getPage(num).then(makeThumb)
      .then(function (canvas) {
        div.appendChild(canvas);
    });
  }));
}).catch(console.error);

Popularity 8/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: generate javascript pdf using

Link to this answer
Share Copy Link

Contributed on May 02 2020

Joyous Jay

0 Answers Avg Quality 2/10

generate thumbnail of pdf using pf js

Contents

More Related Answers

generate thumbnail of pdf using pf js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.