Come usare pdf.js [chiusa]

Question

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

Suppongo quello che faccio è fare una pagina html con lo script fa riferimento nell'intestazione, e poi nel corpo, ho messo una sorta di chiamata di funzione con una serie del nome del file e la posizione. Qualcuno può darmi una mano qui?

Answer 1

Prova Google'ing 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" qui menzionato è https: / /github.com/Marak/pdf.js , ed è stata deprecata da quando questa risposta è stata pubblicata. @ Risposta di Treffynnon è di circa il progetto di Mozilla ancora attivo ( https://github.com/mozilla/pdf.js ) che la maggior parte ricercatori saranno alla ricerca di.

Answer 2

Non v'è 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);
  });
});