javascript - Cómo usar pdf.js

pdf-conversion

Question

Estoy considerando usar pdf.js (una herramienta de código abierto que permite la incrustación de un pdf en una página web). No hay documentación sobre cómo usarlo.

Supongo que lo que hago es crear una página html con el script al que se hace referencia en el encabezado, y luego, en el cuerpo, hago una especie de llamada a la función con una matriz del nombre y la ubicación del archivo. ¿Puede alguien ayudarme aquí?

Answer 1

Hay documentación disponible en su pdf.js . Citan el siguiente código de ejemplo :

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

Answer 2

Prueba la pdf.js documentation 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: el proyecto "pdf.js" mencionado aquí es https://github.com/Marak/pdf.js , y ha quedado en desuso desde que se publicó esta respuesta. La respuesta de @ Treffynnon es sobre el proyecto de Mozilla aún activo ( pdf.js ) que la mayoría de los buscadores estarán buscando.