如何使用pdf.js

我正在考虑使用pdf.js （一个允许在网页中embeddedpdf的开源工具）。 没有关于如何使用它的任何文档。

我假设我所做的是用页眉中引用的脚本创build一个html页面，然后在正文中，我将一些函数调用与文件名和位置的数组。 有人可以帮我从这里出去吗？

Answer 1

尝试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}); 

注意：这里提到的“pdf.js”项目是https://github.com/Marak/pdf.js ，并且已经被弃用，因为这个答案已经发布。 @ Treffynnon的答案是关于大多数search者都在寻找的仍然活跃的Mozilla项目（ mozilla/pdf.html ）。

Answer 2

他们的github自述文件中有可用的文档。 他们引用了以下示例代码 ：

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