Bibliotecă JavaScript PDF Viewer cu sursă deschisă

Ce este PDF.js?

PDF.js este o bibliotecă de vizualizare PDF bazată pe JavaScript și HTML5, dezvoltată de Mozilla, care permite vizualizarea documentelor PDF (Portable Document Format) în browser.

PDF.js acceptă mai multe caracteristici care sunt enumerate mai jos:

• Rădați PDF-uri: puteți deschide și vizualiza, citi sau reda documente PDF în browsere web.
• Imprimați/Salvați PDF-uri: PDF.js permite, de asemenea, să tipăriți sau să salvați documente PDF din browserul dvs. web preferat.
• Modul de prezentare: folosind modul de prezentare, puteți afișa pagini PDF pe ecran complet și puteți naviga la fiecare pagină ca un diapozitiv de prezentare.
• Navigarea PDF: PDF.js oferă controale de navigare mai ușoare prin care puteți trece la paginile următoare sau anterioare. De asemenea, puteți sări rapid la o pagină dorită introducând numărul paginii.
• Adnotare PDF: puteți, de asemenea, să adnotați documente PDF adăugând text, imagini sau desen pe paginile PDF.
• Rotiți paginile PDF: folosind PDF.js, puteți, de asemenea, să rotiți paginile PDF în sensul acelor de ceasornic sau în sens invers acelor de ceasornic.
• Defilare PDF: PDF.js oferă comenzi frumoase pentru a derula paginile orizontal sau vertical etc.
• Proprietăți document PDF: Nu în ultimul rând, puteți vizualiza și proprietățile documentelor PDF în browser utilizând vizualizatorul PDF.js.

GitHub Stats

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

Noțiuni introductive cu PDF.js

Există trei moduri de a obține PDF.js și de a începe să îl utilizați în proiectele dvs. web.

Puteți clona depozitul PDF.js de pe GitHub și îl puteți construi singur după instalarea Node.js, gulp și dependențe PDF.js urmând pașii de mai jos:

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

PDF.js oferă, de asemenea, distribuții predefinite împreună cu codul sursă pe care îl puteți găsi la Versiuni PDF.js pe GitHub . Puteți descărca biblioteca PDF.js predefinită și puteți începe să o utilizați.

PDF.js este, de asemenea, găzduit pe servere CDN gratuite. Mai jos sunt distribuite câteva link-uri:

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

Rulați PDF.js Viewer

După ce descărcați și extrageți o bibliotecă de distribuție predefinită din GitHub, găsiți două foldere: build și web. Fișierele bibliotecii PDF.js pot fi găsite în folderul build, unde folderul web conține un proiect de vizualizare care include viewer.html, viewer.css, viewer.js și fișiere asociate. Dacă verificați codul viewer.html, puteți vedea că se referă la biblioteca pdf.js din folderul de compilare și alte fișiere CSS și JS conexe.

Să rulăm viewer.html în browser pentru a vedea cum arată vizualizatorul PDF.js:

Redare/Vizualizare documente PDF

Pentru a reda sau vizualiza pur și simplu un document PDF în browser utilizând biblioteca de vizualizare PDF.js, trebuie să includem biblioteca PDF.js în antetul documentului HTML folosind eticheta script, să adăugăm o pânză > în corpul HTML și apoi adăugați codul JavaScript necesar pentru a utiliza pdfjsLib și promiteți obiecte pentru a gestiona încărcarea și redarea asincronă a documentului PDF.

Codul de mai sus încarcă doar un document PDF în browser fără nicio interfață de utilizator sau controale, ca mai jos:

Demo online

Încercați acest online PDF.js Viewer demonstrativ pentru a explora toate funcțiile bibliotecii PDF.js.

Concluzie

PDF.js este o bibliotecă de vizualizare PDF JavaScrpit gratuită și open source, cu o comunitate puternică. Oferă suport între browsere atât pentru browserele moderne, cât și pentru cele vechi. Da, experiența utilizatorului în browserele vechi poate să nu fie aceeași cu cele moderne, dar este totuși bună ca bibliotecă gratuită. Este sigur și personalizabil. Funcțiile sunt limitate, dar ca vizualizator PDF, funcționează excelent.

PDF.js oferă API-uri și arhitectură frumoase pentru a construi un vizualizator PDF bazat pe web. Deoarece este consumatoare de timp pentru a adăuga mai multe controale UI la vizualizator, astfel încât să economisească timpul dezvoltatorilor, PDF.js oferă, de asemenea, codul sursă al unui vizualizator PDF complet funcțional și bogat în funcții pe care îl puteți găsi (verificați viewer.html, viewer.js și viewer.css etc.) în folderul web al pachetului de distribuție a bibliotecii PDF.js.

Similar Products