ওপেন সোর্স জাভাস্ক্রিপ্ট পিডিএফ ভিউয়ার লাইব্রেরি

PDF.js কি?

PDF.js হল একটি ওপেন সোর্স জাভাস্ক্রিপ্ট এবং HTML5 ভিত্তিক পিডিএফ ভিউয়ার লাইব্রেরি যা মজিলা দ্বারা তৈরি করা হয়েছে যা ব্রাউজারে পিডিএফ (পোর্টেবল ডকুমেন্ট ফরম্যাট) নথি দেখার অনুমতি দেয়।

PDF.js নীচে তালিকাভুক্ত বিভিন্ন বৈশিষ্ট্য সমর্থন করে:

• পিডিএফ রেন্ডার করুন: আপনি ওয়েব ব্রাউজারে PDF ডকুমেন্ট খুলতে এবং দেখতে, পড়তে বা রেন্ডার করতে পারেন।
• PDFs মুদ্রণ/সংরক্ষণ করুন: PDF.js এছাড়াও আপনার প্রিয় ওয়েব ব্রাউজার থেকে PDF নথি মুদ্রণ বা সংরক্ষণ করার অনুমতি দেয়।
• প্রেজেন্টেশন মোড: উপস্থাপনা মোড ব্যবহার করে, আপনি পূর্ণ পর্দায় PDF পৃষ্ঠাগুলি দেখাতে পারেন এবং উপস্থাপনা স্লাইডের মতো প্রতিটি পৃষ্ঠায় নেভিগেট করতে পারেন৷
• PDF নেভিগেশন: PDF.js সহজ নেভিগেশন নিয়ন্ত্রণ প্রদান করে যা ব্যবহার করে আপনি পরবর্তী বা পূর্ববর্তী পৃষ্ঠাগুলিতে যেতে পারেন। এছাড়াও আপনি পৃষ্ঠার নম্বর লিখে দ্রুত একটি পছন্দসই পৃষ্ঠায় যেতে পারেন।
• PDF টীকা: আপনি PDF পৃষ্ঠাগুলিতে পাঠ্য, ছবি বা অঙ্কন যোগ করে PDF নথিতেও টীকা দিতে পারেন৷
• পিডিএফ পৃষ্ঠাগুলি ঘোরান: PDF.js ব্যবহার করে, আপনি PDF পৃষ্ঠাগুলি ঘড়ির কাঁটার দিকে বা ঘড়ির কাঁটার বিপরীতে ঘোরাতে পারেন৷
• পিডিএফ স্ক্রোল করা: PDF.js পৃষ্ঠাগুলিকে অনুভূমিকভাবে বা উল্লম্বভাবে স্ক্রোল করার জন্য চমৎকার নিয়ন্ত্রণ প্রদান করে।
• পিডিএফ ডকুমেন্টের বৈশিষ্ট্য: শেষ কিন্তু অন্তত নয়, আপনি PDF.js ভিউয়ার ব্যবহার করে ব্রাউজারের মধ্যে PDF নথির বৈশিষ্ট্য দেখতে পারেন।

GitHub Stats

Name:
Language:
Stars:
Forks:
License:
Repository was last updated at

PDF.js দিয়ে শুরু করা

PDF.js পেতে এবং আপনার ওয়েব প্রকল্পগুলিতে এটি ব্যবহার শুরু করার তিনটি উপায় রয়েছে৷

1. উৎস থেকে তৈরি করুন

আপনি GitHub থেকে PDF.js সংগ্রহস্থল ক্লোন করতে পারেন এবং Node.js, gulp এবং PDF.js নির্ভরতা নিচের ধাপগুলি অনুসরণ করে:

git clone https://github.com/mozilla/pdf.js.git
cd pdf.js

https://nodejs.org/en/download

npm install -g gulp-cli

npm install

gulp server

2. প্রি-বিল্ট ডিস্ট্রিবিউশন ব্যবহার করুন

PDF.js সোর্স কোড সহ প্রি-বিল্ট ডিস্ট্রিবিউশনও অফার করে যা আপনি GitHub-এ PDF.js রিলিজ-এ খুঁজে পেতে পারেন . আপনি প্রি-বিল্ট PDF.js লাইব্রেরি ডাউনলোড করতে পারেন এবং এটি ব্যবহার শুরু করতে পারেন।

3. CDN এর মাধ্যমে হোস্ট করা লাইব্রেরি ব্যবহার করুন

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 থেকে একটি প্রি-বিল্ট ডিস্ট্রিবিউশন লাইব্রেরি ডাউনলোড এবং এক্সট্রাক্ট করার পরে, আপনি দুটি ফোল্ডার পাবেন: বিল্ড< এবং ওয়েব। PDF.js লাইব্রেরি ফাইলগুলি build ফোল্ডারে পাওয়া যেতে পারে যেখানে web ফোল্ডারে একটি ভিউয়ার প্রকল্প রয়েছে যা viewer.html, viewer.css, viewer.js এবং সম্পর্কিত ফাইলগুলিকে অন্তর্ভুক্ত করে। আপনি যদি viewer.html কোড চেক করেন, আপনি দেখতে পাবেন যে এটি বিল্ড ফোল্ডার এবং অন্যান্য সম্পর্কিত CSS এবং js ফাইল থেকে pdf.js লাইব্রেরি উল্লেখ করে।

PDF.js ভিউয়ার দেখতে কেমন তা দেখতে ব্রাউজারে viewer.html চালাই:

পিডিএফ ডকুমেন্ট রেন্ডার/দেখুন

PDF.js ভিউয়ার লাইব্রেরি ব্যবহার করে ব্রাউজারে পিডিএফ ডকুমেন্ট রেন্ডার করতে বা দেখতে, আমাদের অবশ্যই স্ক্রিপ্ট ট্যাগ ব্যবহার করে আমাদের HTML ডকুমেন্ট হেডারে PDF.js লাইব্রেরি অন্তর্ভুক্ত করতে হবে, একটি ক্যানভাস যোগ করতে হবে > HTML বডিতে এবং তারপরে pdfjsLib ব্যবহার করতে প্রয়োজনীয় জাভাস্ক্রিপ্ট কোড যোগ করুন এবং পিডিএফ ডকুমেন্টের অ্যাসিঙ্ক্রোনাস লোডিং এবং রেন্ডারিং পরিচালনা করার জন্য বস্তুর প্রতিশ্রুতি দিন।

উপরের কোডটি ব্রাউজারে কোনো ইউজার ইন্টারফেস বা নিয়ন্ত্রণ ছাড়াই একটি পিডিএফ ডকুমেন্ট লোড করে:

অনলাইন ডেমো

এই সম্পূর্ণ বৈশিষ্ট্যযুক্ত অনলাইনে চেষ্টা করুন PDF.js লাইব্রেরির সমস্ত বৈশিষ্ট্য অন্বেষণ করতে PDF.js ভিউয়ার ডেমো।

উপসংহার

PDF.js একটি শক্তিশালী সম্প্রদায়ের সাথে বিনামূল্যের এবং ওপেন সোর্স JavaScrpit PDF ভিউয়ার লাইব্রেরি। এটি আধুনিক এবং লিগ্যাসি ব্রাউজার উভয়ের জন্য ক্রস-ব্রাউজার সমর্থন প্রদান করে। হ্যাঁ, লিগ্যাসি ব্রাউজারগুলিতে ব্যবহারকারীর অভিজ্ঞতা আধুনিকগুলির মতো নাও হতে পারে তবে এটি একটি বিনামূল্যের লাইব্রেরি হিসাবে এখনও ভাল। এটি নিরাপদ এবং কাস্টমাইজযোগ্য। বৈশিষ্ট্যগুলি সীমিত কিন্তু একটি পিডিএফ ভিউয়ার হিসাবে, এটি দুর্দান্ত কাজ করে।

PDF.js একটি ওয়েব ভিত্তিক PDF ভিউয়ার তৈরি করতে চমৎকার API এবং আর্কিটেকচার প্রদান করে। যেহেতু ডেভেলপারদের সময় বাঁচাতে ভিউয়ারে আরও UI কন্ট্রোল যোগ করা সময়সাপেক্ষ, তাই PDF.js একটি সম্পূর্ণ কার্যকরী এবং বৈশিষ্ট্য-সমৃদ্ধ PDF veiwer-এর সোর্স কোডও প্রদান করে যা আপনি খুঁজে পেতে পারেন (viewer.html, viewer.js এবং দেখুন viewer.css ইত্যাদি) PDF.js লাইব্রেরি ডিস্ট্রিবিউশন প্যাকেজের ওয়েব ফোল্ডারে।

Similar Products