Pdf.js का उपयोग कैसे करें [बंद]


92

मैं pdf.js (एक ओपन सोर्स टूल का उपयोग करने पर विचार कर रहा हूं जो एक वेबपेज में पीडीएफ को एम्बेड करने की अनुमति देता है)। इसका उपयोग कैसे किया जाए, इस पर कोई दस्तावेज नहीं है।

मुझे लगता है कि मैं जो भी करता हूं वह हेडर में संदर्भित स्क्रिप्ट के साथ एक html पृष्ठ बनाता है, और फिर शरीर में, मैं फ़ाइल नाम और स्थान की एक सरणी के साथ कुछ प्रकार के फ़ंक्शन कॉल करता हूं। क्या कोई यहाँ मेरी मदद कर सकता है?


1
### गितुब अनुच्छेद I ने अभी गिटहब पर परियोजना विकी पर एक वेबसाइट में एक पीडीएफ सेटअप लेख शुरू किया है। ### पूर्णता के लिए अनुरोध यदि आपके पास कुछ अनुभव है, तो कृपया लेख पूरा करें।
लोपेज़

कुछ और उच्च-स्तर जैसे कि Hansjs.org शायद वही है जो आप चाहते हैं।
अधिकतम

मैं पीडीएफ से एम्बेडेड एक्सएमएल फ़ाइल निकालना चाहता हूं, क्या ऐसा करने का कोई तरीका है?
अनंत प्रसाद

जवाबों:


33

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 है , और इस उत्तर को पोस्ट किए जाने के बाद से इसे हटा दिया गया है। @ ट्रेफिनॉन का जवाब अभी भी सक्रिय मोज़िला परियोजना ( https://github.com/mozilla/pdf.js ) के बारे में है जो अधिकांश खोजकर्ताओं की तलाश में होगा।


मैंने देखा कि लेकिन मैं var = फ़ाइल नाम के ऊपर के सामान को लेकर उलझन में हूं। क्या मुझे doc.addPage () से doc.text और hte triple doc.texts में से किसी की आवश्यकता है?
क्रिस

एक और सवाल यह होगा कि मुझे क्या बदलना होगा। मैं मानती हूं कि अंतिम पंक्ति का पहला "फ़ाइल नाम" मुझे बदलना होगा, और डॉक्टर गुण। क्या यही है?
क्रिस

25
क्या यह एक अलग pdf.js नहीं है?
स्विस

@Swiss, यह फरवरी से है, upvotes के साथ, और उत्तर के रूप में चिह्नित किया गया है। मैं यह कहना चाहता हूँ कि ओपी क्या देख रहा था।
जेम्स हिल

14
हाँ, इसीलिए यह इतना भ्रामक था। यह प्रतीत होता है कि HTML के रूप में pdfs प्रदर्शित करने के लिए mozilla परियोजना का उल्लेख किया गया है, लेकिन आपके द्वारा लिंक ब्लॉग में संदर्भित परियोजना जावास्क्रिप्ट जावास्क्रिप्ट का उपयोग करके पीडीएफ फाइलों को बनाने के लिए एक अलग है।
स्विस

50

उनके गिथब रीडमे पर प्रलेखन उपलब्ध है । वे निम्नलिखित उदाहरण कोड का हवाला देते हैं :

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

19
यह अच्छी तरह से प्रलेखित नहीं है, लेकिन आप pdf.js ज़िप को निकालें और इसकी निर्देशिका संरचना को बरकरार रखें। फिर एक पीडीएफ देखने के लिए आप अंत तक संलग्न फ़ाइल के साथ दर्शक। html फ़ाइल (ब्राउज़र के माध्यम से) पर नेविगेट करें। Ex yoursite.com/directory_that_viewer_._html_is_in/viewer.html?file=somepdfthatyouhave.pdf पीडीएफ स्थान सिर्फ दर्शक पृष्ठ के लिए एक GET चर के रूप में पारित किया गया है।
क्रेग लाफर्टी

4
से GitHub विकी : "हालांकि, हम इस पर पूछते हैं कि आप अपनी खुद की साइट में प्रदर्शक एम्बेड करने की योजना है, कि यह सिर्फ एक असंशोधित संस्करण नहीं कृपया फिर से त्वचा यह या निर्माण।।" - उनकी छिपी हुई गैर-मौजूदगी वाले दस्तावेज़ीकरण को देखते हुए यह परियोजना यह सुनिश्चित करती है कि आप आकार में बने रहने के लिए पर्याप्त हुप्स के माध्यम से कूदें: \
फिलेंन
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.