Come usare pdf.js

Sto pensando di utilizzare pdf.js (uno strumento open source che consente l’incorporamento di un pdf in una pagina web). Non c’è alcuna documentazione su come usarlo.

Presumo che quello che faccio è creare una pagina html con lo script a cui si fa riferimento nell’intestazione, e poi nel corpo, ho messo una sorta di chiamata di funzione con una matrice del nome e della posizione del file. Qualcuno può aiutarmi qui?

Prova la pdf.js documentation pdf di pdf.js documentation

 /* create the PDF document */ var doc = new pdf(); doc.text(20, 20, 'hello, I am PDF.'); doc.text(20, 30, 'i was created in the browser using javascript.'); doc.text(20, 40, 'i can also be created from node.js'); /* Optional - set properties on the document */ doc.setProperties({ title: 'A sample document created by pdf.js', subject: 'PDFs are kinda cool, i guess', author: 'Marak Squires', keywords: 'pdf.js, javascript, Marak, Marak Squires', creator: 'pdf.js' }); doc.addPage(); doc.setFontSize(22); doc.text(20, 20, 'This is a title'); doc.setFontSize(16); doc.text(20, 30, 'This is some normal sized text underneath.'); var fileName = "testFile"+new Date().getSeconds()+".pdf"; var pdfAsDataURI = doc.output('datauri', {"fileName":fileName}); 

NOTA: il progetto “pdf.js” menzionato qui è https://github.com/Marak/pdf.js ed è stato ritirato poiché questa risposta è stata pubblicata. @ La risposta di Treffynnon riguarda il progetto Mozilla ancora attivo ( https://github.com/mozilla/pdf.js ) che la maggior parte dei ricercatori cercheranno.

C’è documentazione disponibile sul loro github readme . Citano il seguente codice di esempio :

 /* -*- Mode: Java; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */ /* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab: */ // // See README for overview // 'use strict'; // // Fetch the PDF document from the URL using promises // PDFJS.getDocument('helloworld.pdf').then(function(pdf) { // Using promise to fetch the page pdf.getPage(1).then(function(page) { var scale = 1.5; var viewport = page.getViewport(scale); // // Prepare canvas using PDF page dimensions // var canvas = document.getElementById('the-canvas'); var context = canvas.getContext('2d'); canvas.height = viewport.height; canvas.width = viewport.width; // // Render PDF page into canvas context // var renderContext = { canvasContext: context, viewport: viewport }; page.render(renderContext); }); });