Générer la vignette d'un pdf en utilisant PDF.js

Question

Je voudrais générer une vignette à partir d'un fichier pdf en utilisant PDF.js, mais ce n'est pas comme les autres js qui ont un seul fichier et tout le nécessaire pour inclure le js dans votre le projet est d'écrire:

<script src="any.js"></script> 

Comment puis-je utiliser PDF.js dans mon projet? J'utilise PHP en backend.

Answer 1

Basé sur helloworld example:

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; 
 
    }); 
 
} 
 

 
PDFJS.getDocument("//cdn.mozilla.net/pdfjs/tracemonkey.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);

<script src="//npmcdn.com/pdfjs-dist/build/pdf.js"></script>