Telefon Haber

Pdf Js Tutorial

PDF.js Tutorial: PDF Belgelerini Tarayıcıda Görüntüleme ve İşleme

PDF.js, PDF belgelerini tarayıcıda görüntülemek ve işleme için kullanılan açık kaynaklı bir JavaScript kütüphanesidir. Bu eğitimde, PDF.js’yi kullanarak PDF belgelerini tarayıcınızda nasıl görüntüleyeceğinizi ve işleyebileceğinizi öğreneceksiniz.

PDF.js’yi Kurma

PDF.js’yi kullanmak için öncelikle kütüphaneyi indirmeniz ve web sitenize veya web uygulamanıza eklemeniz gerekir. PDF.js’yi indirmek için aşağıdaki bağlantıyı kullanabilirsiniz:

https://mozilla.github.io/pdf.js/

PDF.js’yi indirdikten sonra, kütüphaneyi web sitenize veya web uygulamanıza ekleyebilirsiniz. Bunu yapmak için aşağıdaki adımları izleyin:

  1. PDF.js’yi indirdiğiniz klasörü açın.
  2. pdfjs klasörünü web sitenizin veya web uygulamanızın kök dizinine kopyalayın.
  3. Web sitenizin veya web uygulamanızın HTML dosyasını açın.
  4. HTML dosyasının <head> bölümüne aşağıdaki satırı ekleyin:

“`html

“`

  1. HTML dosyasının <body> bölümüne aşağıdaki satırı ekleyin:

“`html

“`

PDF Belgelerini Görüntüleme

PDF.js’yi kurduktan sonra, PDF belgelerini tarayıcınızda görüntüleyebilirsiniz. Bunu yapmak için aşağıdaki adımları izleyin:

  1. PDF.js’yi kullanarak görüntülemek istediğiniz PDF belgesini açın.
  2. PDF belgesinin URL’sini kopyalayın.
  3. Web sitenizin veya web uygulamanızın adres çubuğuna PDF belgesinin URL’sini yapıştırın.
  4. Enter tuşuna basın.

PDF belgesi tarayıcınızda görüntülenecektir.

PDF Belgelerini İşleme

PDF.js’yi kullanarak PDF belgelerini işleyebilirsiniz. Örneğin, PDF belgelerini yazdırabilir, kaydedebilir ve arayabilirsiniz. Bunu yapmak için aşağıdaki adımları izleyin:

  1. PDF belgesini tarayıcınızda görüntüleyin.
  2. PDF belgesinin sağ üst köşesindeki araç çubuğunu tıklayın.
  3. Araç çubuğundan istediğiniz işlemi seçin.

Örneğin, PDF belgesini yazdırmak için araç çubuğundan “Yazdır” seçeneğini seçebilirsiniz. PDF belgesini kaydetmek için araç çubuğundan “Kaydet” seçeneğini seçebilirsiniz. PDF belgesini aramak için araç çubuğundan “Ara” seçeneğini seçebilirsiniz.

Faydalı Siteler ve İlgili Dosyalar

  • PDF.js resmi web sitesi: https://mozilla.github.io/pdf.js/
  • PDF.js belgeleri: https://mozilla.github.io/pdf.js/docs/
  • PDF.js örnekleri: https://mozilla.github.io/pdf.js/examples/
  • PDF.js API referansı: https://mozilla.github.io/pdf.js/api/

Yayımlandı

kategorisi