Atvirojo kodo JavaScript PDF peržiūros biblioteka

Išbandykite šią nemokamą ir atvirojo kodo JavaScript API kaip PDF analizatorių, peržiūros programą, skaitytuvą ir atvaizdavimo biblioteką.

Kas yra PDF.js?

PDF.js yra „Mozilla“ sukurta atvirojo kodo „JavaScript“ ir HTML5 pagrindu sukurta PDF peržiūros programos biblioteka, leidžianti peržiūrėti PDF (Portable Document Format) dokumentus naršyklėje.

PDF.js palaiko keletą funkcijų, kurios išvardytos toliau:

Pateikti PDF: galite atidaryti ir peržiūrėti, skaityti arba pateikti PDF dokumentus žiniatinklio naršyklėse.
Spausdinti / išsaugoti PDF: PDF.js taip pat leidžia spausdinti arba išsaugoti PDF dokumentus iš mėgstamos žiniatinklio naršyklės.
Pristatymo režimas: naudodami pristatymo režimą galite rodyti PDF puslapius visame ekrane ir naršyti kiekvieną puslapį kaip pristatymo skaidrę.
PDF naršymas: PDF.js suteikia lengvesnius naršymo valdiklius, kuriais galite pereiti į kitą arba ankstesnį puslapį. Taip pat galite greitai pereiti į norimą puslapį, įvesdami puslapio numerį.
PDF komentaras: taip pat galite komentuoti PDF dokumentus pridėdami teksto, vaizdų arba piešdami PDF puslapiuose.
Pasukti PDF puslapius: naudodami PDF.js taip pat galite pasukti PDF puslapius pagal arba prieš laikrodžio rodyklę.
PDF slinkimas: PDF.js siūlo puikius valdiklius puslapiams slinkti horizontaliai arba vertikaliai ir pan.
PDF dokumento ypatybės: paskutinis, bet ne mažiau svarbus dalykas – taip pat galite peržiūrėti PDF dokumentų ypatybes naršyklėje naudodami PDF.js peržiūros priemonę.

GitHub Stats

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

Darbo su PDF.js pradžia

Yra trys būdai, kaip gauti PDF.js ir pradėti jį naudoti savo žiniatinklio projektuose.

Galite klonuoti PDF.js saugyklą iš GitHub ir patys sukurti ją įdiegę Node.js, gulp ir PDF.js priklausomybes, atlikdami toliau nurodytus veiksmus.

Klonuokite PDF.js git saugyklą vietiniame kompiuteryje ir perjunkite į pdf.js aplanką


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

Įdiekite Node.js


https://nodejs.org/en/download

Įdiekite „gulp“ paketą visame pasaulyje


npm install -g gulp-cli

Įdiekite PDF.js priklausomybes


npm install

Paleiskite „gulp“ serverį ir atidarykite peržiūros programą naršyklėje adresu http://localhost:8888/web/viewer.html


gulp server

PDF.js taip pat siūlo iš anksto sukurtus platinimus kartu su šaltinio kodu, kurį galite rasti PDF.js leidimuose „GitHub“ . Galite atsisiųsti iš anksto sukurtą PDF.js biblioteką ir pradėti ja naudotis.

PDF.js taip pat talpinamas nemokamuose CDN serveriuose. Toliau pateikiamos kelios nuorodos:

Paleiskite PDF.js peržiūros programą

Atsisiuntę ir ištraukę iš anksto sukurtą platinimo biblioteką iš GitHub, rasite du aplankus: build ir žiniatinklis. PDF.js bibliotekos failus galima rasti aplanke build, kur kaip žiniatinklio aplanke yra peržiūros projektas, apimantis viewer.html, viewer.css, viewer.js ir susijusius failus. Jei patikrinsite viewer.html kodą, pamatysite, kad jis nurodo pdf.js biblioteką iš kūrimo aplanko ir kitus susijusius css ir js failus.

Paleiskite viewer.html naršyklėje, kad pamatytumėte, kaip atrodo PDF.js peržiūros priemonė:

Pateikti / peržiūrėti PDF dokumentus

Norėdami tiesiog pateikti arba peržiūrėti PDF dokumentą naršyklėje naudodami PDF.js peržiūros programos biblioteką, turime įtraukti PDF.js biblioteką į HTML dokumento antraštę naudodami žymą script, pridėti drobę > į HTML turinį, tada pridėkite reikiamą „JavaScript“ kodą, kad galėtumėte naudoti pdfjsLib ir pažadėti, kad objektai tvarkys asinchroninį PDF dokumento įkėlimą ir pateikimą.

Aukščiau pateiktas kodas tiesiog įkelia PDF dokumentą į naršyklę be jokios vartotojo sąsajos ar valdiklių, kaip nurodyta toliau:

Demo internete

Išbandykite šią visų funkcijų turinčią prisijungę PDF.js žiūryklės demonstracinė versija, kad galėtumėte ištirti visas PDF.js bibliotekos funkcijas.

Išvada

PDF.js yra nemokama atvirojo kodo JavaScrpit PDF peržiūros biblioteka su stipria bendruomene. Tai teikia kelių naršyklių palaikymą tiek šiuolaikinėms, tiek senoms naršyklėms. Taip, naudotojo patirtis naudojant senas naršykles gali būti ne tokia pati kaip šiuolaikinėse, tačiau ji vis tiek tinka kaip nemokama biblioteka. Tai saugus ir pritaikomas. Funkcijos yra ribotos, bet kaip PDF peržiūros priemonė, ji puikiai veikia.

PDF.js teikia puikias API ir architektūrą, kad būtų galima sukurti žiniatinklio PDF peržiūros priemonę. Kadangi norint sutaupyti kūrėjų laiko, pridėti daugiau vartotojo sąsajos valdiklių užima daug laiko, todėl PDF.js taip pat pateikia visiškai funkcionalaus ir daug funkcijų turinčio PDF peržiūros kodą, kurį galite rasti (žr. viewer.html, viewer.js ir viewer.css ir kt.) PDF.js bibliotekos platinimo paketo žiniatinklio aplanke.