Açık Kaynak JavaScript PDF Görüntüleyici Kütüphanesi

PDF.js nedir?

PDF.js, Mozilla tarafından geliştirilen, tarayıcıda PDF (Taşınabilir Belge Biçimi) belgelerinin görüntülenmesine olanak tanıyan açık kaynaklı bir JavaScript ve HTML5 tabanlı PDF görüntüleme kütüphanesidir.

PDF.js aşağıda listelenen çeşitli özellikleri destekler:

• PDF'leri Oluştur: PDF belgelerini web tarayıcılarında açabilir, görüntüleyebilir, okuyabilir veya oluşturabilirsiniz.
• PDF'leri Yazdır/Kaydet: PDF.js ayrıca favori web tarayıcınızdan PDF belgelerini yazdırmanıza veya kaydetmenize olanak tanır.
• Sunum Modu: Sunum modunu kullanarak PDF sayfalarını tam ekran gösterebilir ve her sayfaya bir sunum slaydı gibi gidebilirsiniz.
• PDF Navigasyonu: PDF.js, bir sonraki veya bir önceki sayfalara geçebileceğiniz daha kolay navigasyon kontrolleri sağlar. Ayrıca, sayfanın numarasını girerek istediğiniz sayfaya hızlıca atlayabilirsiniz.
• PDF Açıklaması: PDF sayfalarına metin, resim veya çizim ekleyerek PDF belgelerine açıklama ekleyebilirsiniz.
• PDF Sayfalarını Döndürme: PDF.js'yi kullanarak PDF sayfalarını saat yönünde veya saat yönünün tersine de döndürebilirsiniz.
• Kaydırmalı PDF: PDF.js, sayfaları yatay veya dikey olarak kaydırmak için güzel kontroller sunar.
• PDF Belge Özellikleri: Son olarak, PDF.js görüntüleyicisini kullanarak tarayıcı içerisinde PDF belgelerinin özelliklerini de görüntüleyebilirsiniz.

GitHub İstatistikleri

İsim:
Dil:
Yıldızlar:
Çatallar:
Lisans:
Depo en son şu tarihte güncellendi:

PDF.js ile Başlarken

PDF.js'yi edinmenin ve web projelerinizde kullanmaya başlamanın üç yolu vardır.

1. Kaynaktan oluşturun

PDF.js deposunu GitHub'dan kopyalayabilir ve aşağıdaki adımları izleyerek Node.js, gulp ve PDF.js bağımlılıklarını yükledikten sonra kendiniz derleyebilirsiniz:

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. Önceden oluşturulmuş dağıtımı kullanın

PDF.js ayrıca GitHub'daki PDF.js sürümleri adresinde bulabileceğiniz kaynak koduyla birlikte önceden oluşturulmuş dağıtımlar da sunar. Önceden oluşturulmuş PDF.js kütüphanesini indirebilir ve kullanmaya başlayabilirsiniz.

3. CDN aracılığıyla barındırılan kütüphaneyi kullanın

PDF.js ayrıca ücretsiz CDN sunucularında barındırılmaktadır. Aşağıda birkaç bağlantı paylaşılmıştır:

• https://cdnjs.com/libraries/pdf.js
• https://www.jsdelivr.com/paket/npm/pdfjs-dist
• https://unpkg.com/pdfjs-dist

PDF.js Görüntüleyicisini Çalıştır

GitHub'dan önceden oluşturulmuş bir dağıtım kütüphanesini indirip çıkardıktan sonra iki klasör bulursunuz: build ve web. PDF.js kütüphane dosyaları build klasöründe bulunabilirken, web klasörü viewer.html, viewer.css, viewer.js ve ilgili dosyaları içeren bir görüntüleyici projesi içerir. Viewer.html kodunu kontrol ederseniz, build klasöründen pdf.js kütüphanesine ve diğer ilgili css ve js dosyalarına da başvurduğunu görebilirsiniz.

PDF.js görüntüleyicisinin nasıl göründüğünü görmek için tarayıcıda viewer.html'i çalıştıralım:

PDF Belgelerini Oluştur/Görüntüle

PDF.js görüntüleyici kütüphanesini kullanarak tarayıcıda bir PDF belgesini basitçe işlemek veya görüntülemek için, HTML belge başlığımıza script etiketini kullanarak PDF.js kütüphanesini eklemeli, HTML gövdesine bir canvas eklemeli ve ardından PDF belgesinin asenkron yüklenmesini ve işlenmesini yönetmek için pdfjsLib ve promise nesnelerini kullanmak için gerekli JavaScript kodunu eklemeliyiz.

Yukarıdaki kod, herhangi bir kullanıcı arayüzü veya kontrol olmaksızın yalnızca tarayıcıya bir PDF belgesi yükler:

Çevrimiçi Demo

PDF.js kütüphanesinin tüm özelliklerini keşfetmek için bu tam özellikli çevrimiçi PDF.js Görüntüleyici demosunu deneyin.

Çözüm

PDF.js, güçlü bir topluluğa sahip ücretsiz ve açık kaynaklı bir JavaScrpit PDF görüntüleyici kütüphanesidir. Hem modern hem de eski tarayıcılar için tarayıcılar arası destek sağlar. Evet, eski tarayıcılardaki kullanıcı deneyimi modern olanlarla aynı olmayabilir ancak yine de ücretsiz bir kütüphane olarak iyidir. Güvenli ve özelleştirilebilir. Özellikler sınırlıdır ancak bir PDF görüntüleyici olarak harika çalışır.

PDF.js, web tabanlı bir PDF görüntüleyicisi oluşturmak için güzel API'ler ve mimari sağlar. Görüntüleyiciye daha fazla kullanıcı arayüzü denetimi eklemek zaman alıcı olduğundan, geliştiricilerin zamanından tasarruf etmek için PDF.js ayrıca PDF.js kütüphane dağıtım paketinin web klasöründe bulabileceğiniz (viewer.html, viewer.js ve viewer.css vb.'yi kontrol edin) tam işlevli ve özellik açısından zengin bir PDF görüntüleyicisinin kaynak kodunu da sağlar.

Benzer Ürünler