Atvērtā pirmkoda JavaScript PDF skatītāja bibliotēka

Kas ir PDF.js?

PDF.js ir atvērtā pirmkoda JavaScript un HTML5 balstīta PDF skatītāja bibliotēka, ko izstrādājusi Mozilla un kas ļauj pārlūkprogrammā skatīt PDF (Portable Document Format) dokumentus.

PDF.js atbalsta vairākas funkcijas, kas ir norādītas tālāk:

• PDF failu renderēšana: varat atvērt un skatīt, lasīt vai renderēt PDF dokumentus tīmekļa pārlūkprogrammās.
• Drukāt/saglabāt PDF failus: PDF.js ļauj arī drukāt vai saglabāt PDF dokumentus no jūsu iecienītākās tīmekļa pārlūkprogrammas.
• Prezentācijas režīms: izmantojot prezentācijas režīmu, varat rādīt PDF lapas pilnekrāna režīmā un pāriet uz katru lapu kā prezentācijas slaidu.
• PDF navigācija: PDF.js nodrošina vienkāršākas navigācijas vadīklas, ar kurām varat pāriet uz nākamo vai iepriekšējo lapu. Varat arī ātri pāriet uz vēlamo lapu, ievadot lapas numuru.
• PDF anotācija: PDF dokumentiem varat pievienot arī anotācijas, pievienojot PDF lapās tekstu, attēlus vai zīmējumus.
• Pagriezt PDF lapas: izmantojot PDF.js, varat arī pagriezt PDF lapas pulksteņrādītāja virzienā vai pretēji pulksteņrādītāja virzienam.
• PDF faila ritināšana: PDF.js piedāvā jaukas vadīklas, lai ritinātu lapas horizontāli vai vertikāli utt.
• PDF dokumenta rekvizīti: visbeidzot, bet ne mazāk svarīgi, varat arī skatīt PDF dokumentu rekvizītus pārlūkprogrammā, izmantojot PDF.js skatītāju.

GitHub Stats

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

Darba sākšana ar PDF.js

Ir trīs veidi, kā iegūt PDF.js un sākt to izmantot savos tīmekļa projektos.

Varat klonēt PDF.js repozitoriju no GitHub un izveidot to pats pēc Node.js, gulp un PDF.js atkarības, veicot tālāk norādītās darbības.

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 piedāvā arī iepriekš izveidotus izplatījumus kopā ar avota kodu, ko varat atrast PDF.js izlaidumos vietnē GitHub. . Varat lejupielādēt iepriekš izveidotu PDF.js bibliotēku un sākt to lietot.

PDF.js tiek mitināts arī bezmaksas CDN serveros. Tālāk ir kopīgotas dažas saites:

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

Palaidiet PDF.js skatītāju

Pēc iepriekš izveidotās izplatīšanas bibliotēkas lejupielādes un izvilkšanas no GitHub tiek atrastas divas mapes: build<. /strong> un tīmeklis. PDF.js bibliotēkas failus var atrast mapē build, kur kā web mape satur skatītāja projektu, kas ietver viewer.html, viewer.css, viewer.js un saistītos failus. Ja pārbaudāt viewer.html kodu, varat redzēt, ka tajā ir atsauce uz pdf.js bibliotēku no build mapes un citiem saistītiem css un js failiem.

Palaidīsim failu viewer.html pārlūkprogrammā, lai redzētu, kā izskatās PDF.js skatītājs:

Renderēt/skatīt PDF dokumentus

Lai vienkārši atveidotu vai skatītu PDF dokumentu pārlūkprogrammā, izmantojot PDF.js skatītāja bibliotēku, mums ir jāiekļauj PDF.js bibliotēka mūsu HTML dokumenta galvenē, izmantojot tagu script, jāpievieno audekls. > HTML pamattekstā un pēc tam pievienojiet nepieciešamo JavaScript kodu, lai izmantotu pdfjsLib un apsolītu objektus, lai apstrādātu PDF dokumenta asinhrono ielādi un renderēšanu.

Iepriekš minētais kods vienkārši ielādē PDF dokumentu pārlūkprogrammā bez lietotāja interfeisa vai vadīklām, kā norādīts tālāk:

Tiešsaistes demonstrācija

Izmēģiniet šo pilnībā piedāvāto tiešsaistē PDF.js skatītāja demonstrācija, lai izpētītu visas PDF.js bibliotēkas funkcijas.

Secinājums

PDF.js ir bezmaksas atvērtā koda JavaScrpit PDF skatītāja bibliotēka ar spēcīgu kopienu. Tas nodrošina vairāku pārlūkprogrammu atbalstu gan modernajām, gan mantotajām pārlūkprogrammām. Jā, lietotāju pieredze mantotajās pārlūkprogrammās var nebūt tāda pati kā mūsdienu pārlūkprogrammās, taču tā joprojām ir laba kā bezmaksas bibliotēka. Tas ir drošs un pielāgojams. Funkcijas ir ierobežotas, taču kā PDF skatītājs tas darbojas lieliski.

PDF.js nodrošina jaukas API un arhitektūru, lai izveidotu tīmekļa PDF skatītāju. Tā kā ir laikietilpīgi pievienot skatītājam vairāk lietotāja interfeisa vadīklu, lai ietaupītu izstrādātāju laiku, PDF.js nodrošina arī pilnībā funkcionējoša un ar funkcijām bagātu PDF veiwer pirmkodu, kuru varat atrast (pārbaudiet viewer.html, viewer.js un viewer.css utt.) PDF.js bibliotēkas izplatīšanas pakotnes tīmekļa mapē.

Similar Products