ओपन सोर्स जावास्क्रिप्ट पीडीएफ व्यूअर लाइब्रेरी
इस मुफ़्त और ओपन सोर्स जावास्क्रिप्ट एपीआई को पीडीएफ पार्सर, व्यूअर, रीडर और रेंडरर लाइब्रेरी के रूप में आज़माएँ।
PDF.js क्या है?
PDF.js मोज़िला द्वारा विकसित एक खुला स्रोत जावास्क्रिप्ट और HTML5 आधारित पीडीएफ व्यूअर लाइब्रेरी है जो ब्राउज़र में पीडीएफ (पोर्टेबल दस्तावेज़ प्रारूप) दस्तावेज़ देखने की अनुमति देता है।
PDF.js कई सुविधाओं का समर्थन करता है जो नीचे सूचीबद्ध हैं:
- पीडीएफ प्रस्तुत करें: आप वेब ब्राउज़र में पीडीएफ दस्तावेजों को खोल और देख, पढ़ या प्रस्तुत कर सकते हैं।
- पीडीएफ प्रिंट/सहेजें: PDF.js आपके पसंदीदा वेब ब्राउज़र से पीडीएफ दस्तावेज़ों को प्रिंट करने या सहेजने की भी अनुमति देता है।
- प्रस्तुति मोड: प्रस्तुति मोड का उपयोग करके, आप पीडीएफ पृष्ठों को पूर्ण स्क्रीन में दिखा सकते हैं और प्रस्तुति स्लाइड की तरह प्रत्येक पृष्ठ पर नेविगेट कर सकते हैं।
- पीडीएफ नेविगेशन: पीडीएफ.जेएस आसान नेविगेशन नियंत्रण प्रदान करता है जिसका उपयोग करके आप अगले या पिछले पृष्ठों पर जा सकते हैं। आप पृष्ठ संख्या दर्ज करके भी तुरंत वांछित पृष्ठ पर जा सकते हैं।
- पीडीएफ एनोटेशन: आप पीडीएफ पृष्ठों पर टेक्स्ट, चित्र या ड्राइंग जोड़कर पीडीएफ दस्तावेजों को एनोटेट भी कर सकते हैं।
- पीडीएफ पेजों को घुमाएं: PDF.js का उपयोग करके, आप पीडीएफ पेजों को दक्षिणावर्त या विपरीत दिशा में भी घुमा सकते हैं।
- स्क्रॉलिंग पीडीएफ: PDF.js पृष्ठों को क्षैतिज या लंबवत रूप से स्क्रॉल करने आदि के लिए अच्छे नियंत्रण प्रदान करता है।
- पीडीएफ दस्तावेज़ गुण: अंतिम लेकिन महत्वपूर्ण बात, आप पीडीएफ.जेएस व्यूअर का उपयोग करके ब्राउज़र के भीतर पीडीएफ दस्तावेज़ों के गुणों को भी देख सकते हैं।
PDF.js के साथ शुरुआत करना
PDF.js प्राप्त करने और अपने वेब प्रोजेक्ट्स में इसका उपयोग शुरू करने के तीन तरीके हैं।
आप GitHub से PDF.js रिपॉजिटरी को क्लोन कर सकते हैं और Node.js, घूंट और नीचे दिए गए चरणों का पालन करके PDF.js निर्भरताएँ:
स्थानीय मशीन पर PDF.js git रिपॉजिटरी को क्लोन करें और pdf.js फ़ोल्डर में स्विच करें
git clone https://github.com/mozilla/pdf.js.git
cd pdf.js
Node.js स्थापित करें
https://nodejs.org/en/download
विश्व स्तर पर गल्प पैकेज स्थापित करें
npm install -g gulp-cli
PDF.js निर्भरताएँ स्थापित करें
npm install
गल्प सर्वर चलाएँ और http://localhost:8888/web/viewer.html पर ब्राउज़र में व्यूअर खोलें
gulp server
PDF.js स्रोत कोड के साथ पूर्व-निर्मित वितरण भी प्रदान करता है जिसे आप GitHub पर PDF.js रिलीज़ पर पा सकते हैं। . आप पूर्व-निर्मित PDF.js लाइब्रेरी डाउनलोड कर सकते हैं और उसका उपयोग शुरू कर सकते हैं।
PDF.js को निःशुल्क CDN सर्वर पर भी होस्ट किया जाता है। कुछ लिंक नीचे साझा किए गए हैं:
- https://cdnjs.com/libraries/pdf.js
- https://www.jsdelivr.com/package/npm/pdfjs-dist
- https://unpkg.com/pdfjs-dist
PDF.js व्यूअर चलाएँ
GitHub से पूर्व-निर्मित वितरण लाइब्रेरी को डाउनलोड करने और निकालने के बाद, आपको दो फ़ोल्डर मिलते हैं: build< /मजबूत औरवेब। PDF.js लाइब्रेरी फ़ाइलें build फ़ोल्डर में पाई जा सकती हैं, जबकि वेब फ़ोल्डर में एक व्यूअर प्रोजेक्ट होता है जिसमें viewer.html, viewer.css, viewer.js और संबंधित फ़ाइलें शामिल होती हैं। यदि आप viewer.html कोड की जांच करते हैं, तो आप देख सकते हैं कि यह बिल्ड फ़ोल्डर और अन्य संबंधित सीएसएस और जेएस फ़ाइलों से पीडीएफ.जेएस लाइब्रेरी का भी संदर्भ देता है।
आइए ब्राउज़र में viewer.html चलाएं और देखें कि PDF.js व्यूअर कैसा दिखता है:
पीडीएफ दस्तावेज़ प्रस्तुत करें/देखें
PDF.js व्यूअर लाइब्रेरी का उपयोग करके ब्राउज़र में एक PDF दस्तावेज़ को आसानी से प्रस्तुत करने या देखने के लिए, हमें script टैग का उपयोग करके अपने HTML दस्तावेज़ हेडर में PDF.js लाइब्रेरी को शामिल करना होगा, एक कैनवास HTML बॉडी में और फिर pdfjsLib का उपयोग करने के लिए आवश्यक जावास्क्रिप्ट कोड जोड़ें और ऑब्जेक्ट को पीडीएफ दस्तावेज़ की एसिंक्रोनस लोडिंग और रेंडरिंग को संभालने का वादा करें।
उपरोक्त कोड बिना किसी उपयोगकर्ता इंटरफ़ेस या नीचे दिए गए नियंत्रण के बिना ब्राउज़र में एक पीडीएफ दस्तावेज़ लोड करता है:
ऑनलाइन डेमो
इसे पूरी तरह से प्रदर्शित ऑनलाइन आज़माएं PDF.js लाइब्रेरी की सभी सुविधाओं का पता लगाने के लिए PDF.js व्यूअर डेमो।
निष्कर्ष
PDF.js एक मजबूत समुदाय के साथ मुफ़्त और खुला स्रोत JavaScrpit PDF व्यूअर लाइब्रेरी है। यह आधुनिक और पुराने दोनों ब्राउज़रों के लिए क्रॉस-ब्राउज़र समर्थन प्रदान करता है। हाँ, पुराने ब्राउज़रों पर उपयोगकर्ता अनुभव आधुनिक ब्राउज़रों के समान नहीं हो सकता है, लेकिन एक मुफ़्त लाइब्रेरी के रूप में यह अभी भी अच्छा है। यह सुरक्षित और अनुकूलन योग्य है. सुविधाएँ सीमित हैं लेकिन एक पीडीएफ व्यूअर के रूप में, यह बढ़िया काम करता है।
PDF.js वेब आधारित PDF व्यूअर बनाने के लिए अच्छे API और आर्किटेक्चर प्रदान करता है। चूंकि व्यूअर में अधिक यूआई नियंत्रण जोड़ने में समय लगता है, इसलिए डेवलपर्स का समय बचाने के लिए, पीडीएफ.जेएस एक पूरी तरह कार्यात्मक और सुविधा संपन्न पीडीएफ वीवर का स्रोत कोड भी प्रदान करता है जिसे आप पा सकते हैं (व्यूअर.एचटीएमएल, व्यूअर.जेएस और देखें) viewer.css आदि) PDF.js लाइब्रेरी वितरण पैकेज के वेब फ़ोल्डर में।
