Cara Menggunakan pdf.js [closed]

Saya sedang mempertimbangkan untuk menggunakan pdf.js (alat sumber terbuka yang memungkinkan penyematan pdf di halaman web). Tidak ada dokumentasi tentang cara menggunakannya.

Saya berasumsi apa yang saya lakukan adalah membuat halaman html dengan skrip yang direferensikan di header, dan kemudian di bagian body, saya meletakkan semacam pemanggilan fungsi dengan array nama file dan lokasi. Adakah yang bisa membantu saya di sini?

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

CATATAN: proyek "pdf.js" yang disebutkan di sini adalah https://github.com/Marak/pdf.js , dan sudah tidak digunakan lagi sejak jawaban ini diposting. Jawaban @ Treffynnon adalah tentang proyek Mozilla yang masih aktif ( https://github.com/mozilla/pdf.js ) yang akan dicari oleh kebanyakan pencari.

Ada dokumentasi yang tersedia di readme github mereka . Mereka mengutip kode contoh berikut :

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