使用PDF.js生成PDF的縮略圖

Question

我想使用PDF.js從PDF文件生成縮略圖，但它不像其他的js只有一個文件，並且都需要將js包含在您的項目是寫：

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

如何在我的項目中使用PDF.js？我在後端使用PHP。

Answer 1

基於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>