Jak korzystać z pdf.js [zamknięte]

Rozważam użycie pdf.js (narzędzia typu open source, które umożliwia osadzenie pliku PDF na stronie internetowej). Nie ma żadnej dokumentacji, jak go używać.

Zakładam, że tworzę stronę html ze skryptem, do którego odwołuje się nagłówek, a następnie w treści umieszczam wywołanie funkcji z tablicą nazw i lokalizacji pliku. Czy ktoś może mi tu pomóc?

Wypróbuj Google 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});

UWAGA: wymieniony tutaj projekt „pdf.js” to https://github.com/Marak/pdf.js i został wycofany od czasu opublikowania tej odpowiedzi. Odpowiedź @ Treffynnon dotyczy wciąż aktywnego projektu Mozilla ( https://github.com/mozilla/pdf.js ), którego będzie szukała większość wyszukiwarek.

Dokumentacja jest dostępna w ich pliku readme na githubie . Cytują następujący przykładowy kod :

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