Avoimen lähdekoodin JavaScript PDF Viewer -kirjasto
Kokeile tätä ilmaista ja avoimen lähdekoodin JavaScript-sovellusliittymää PDF-jäsennys-, katselu-, luku- ja renderöijakirjastona.
Mikä on PDF.js?
PDF.js on Mozillan kehittämä avoimen lähdekoodin JavaScript- ja HTML5-pohjainen PDF-katselukirjasto, joka mahdollistaa PDF-dokumenttien (Portable Document Format) katselun selaimessa.
PDF.js tukee useita alla lueteltuja ominaisuuksia:
- Rennöi PDF-tiedostoja: Voit avata ja tarkastella, lukea tai hahmontaa PDF-dokumentteja verkkoselaimissa.
- Tulosta/tallenna PDF-tiedostoja: PDF.js mahdollistaa myös PDF-dokumenttien tulostamisen tai tallentamisen suosikkiselaimestasi.
- Esitystila: Esitystilassa voit näyttää PDF-sivut koko näytössä ja navigoida kullekin sivulle esityksen dian tavoin.
- PDF-navigointi: PDF.js tarjoaa helpommat navigointiohjaimet, joiden avulla voit siirtyä seuraavalle tai edelliselle sivulle. Voit myös nopeasti siirtyä halutulle sivulle syöttämällä sivun numeron.
- PDF-merkintä: Voit myös merkitä PDF-dokumentteja lisäämällä tekstiä, kuvia tai piirroksia PDF-sivuille.
- PDF-sivujen pyörittäminen: PDF.js:n avulla voit myös kiertää PDF-sivuja myötä- tai vastapäivään.
- PDF:n vieritys: PDF.js tarjoaa mukavia säätimiä sivujen vierittämiseen vaaka- tai pystysuunnassa jne.
- PDF-asiakirjan ominaisuudet: Viimeisenä mutta ei vähäisimpänä, voit tarkastella PDF-dokumenttien ominaisuuksia myös selaimessa PDF.js-katseluohjelmalla.
PDF.js:n käytön aloittaminen
Voit hankkia PDF.js:n ja aloittaa sen käytön verkkoprojekteissasi kolmella tavalla.
Voit kloonata PDF.js-arkiston GitHubista ja rakentaa sen itse, kun olet asentanut Node.js, gulp ja PDF.js-riippuvuudet seuraavasti:
Kloonaa PDF.js git -arkisto paikallisella koneella ja vaihda pdf.js-kansioon
git clone https://github.com/mozilla/pdf.js.git
cd pdf.js
Asenna Node.js
https://nodejs.org/en/download
Asenna gulp-paketti maailmanlaajuisesti
npm install -g gulp-cli
Asenna PDF.js-riippuvuudet
npm install
Suorita gulp-palvelin ja avaa katseluohjelma selaimessa osoitteessa http://localhost:8888/web/viewer.html
gulp server
PDF.js tarjoaa myös valmiiksi rakennetut jakelut sekä lähdekoodin, jotka löydät GitHubin PDF.js-julkaisuista. . Voit ladata valmiiksi rakennetun PDF.js-kirjaston ja alkaa käyttää sitä.
PDF.js on myös ilmaisilla CDN-palvelimilla. Muutama linkki on jaettu alla:
- https://cdnjs.com/libraries/pdf.js
- https://www.jsdelivr.com/package/npm/pdfjs-dist
- https://unpkg.com/pdfjs-dist
Suorita PDF.js Viewer
Kun olet ladannut ja purkanut valmiiksi rakennetun jakelukirjaston GitHubista, löydät kaksi kansiota: build ja verkko. PDF.js-kirjastotiedostot löytyvät build-kansiosta, jossa verkkokansiona on katseluohjelma, joka sisältää viewer.html-, viewer.css-, viewer.js- ja niihin liittyvät tiedostot. Jos tarkistat viewer.html-koodin, huomaat, että se viittaa pdf.js-kirjastoon build-kansiosta ja myös muista vastaavista css- ja js-tiedostoista.
Suoritetaan viewer.html selaimessa nähdäksesi, miltä PDF.js-katseluohjelma näyttää:
Renderöi/katsele PDF-asiakirjoja
Jos haluat yksinkertaisesti hahmontaa tai tarkastella PDF-dokumenttia selaimessa PDF.js-katselukirjaston avulla, meidän on sisällytettävä PDF.js-kirjasto HTML-dokumentin otsikkoon script-tunnisteen avulla, lisättävä kanvas > HTML-tekstiin ja lisää sitten tarvittava JavaScript-koodi, jotta voit käyttää pdfjsLib-ohjelmaa ja luvata objektit käsittelemään PDF-dokumentin asynkronista lataamista ja hahmontamista.
Yllä oleva koodi vain lataa PDF-dokumentin selaimeen ilman käyttöliittymää tai säätimiä, kuten alla:
Online-demo
Kokeile tätä täysin varusteltua verkossa PDF.js Viewer -esittely, jossa voit tutustua kaikkiin PDF.js-kirjaston ominaisuuksiin.
Johtopäätös
PDF.js on ilmainen ja avoimen lähdekoodin JavaScrpit PDF-katseluohjelma, jolla on vahva yhteisö. Se tarjoaa selaimen välisen tuen sekä nykyaikaisille että vanhoille selaimille. Kyllä, käyttökokemus vanhoilla selaimilla ei välttämättä ole sama kuin nykyaikaisissa selaimissa, mutta se on silti hyvä ilmainen kirjasto. Se on turvallinen ja muokattavissa. Ominaisuudet ovat rajallisia, mutta PDF-katseluohjelmana se toimii hyvin.
PDF.js tarjoaa mukavia sovellusliittymiä ja arkkitehtuuria verkkopohjaisen PDF-katseluohjelman rakentamiseen. Koska on aikaa vievää lisätä käyttöliittymäsäätimiä katseluohjelmaan kehittäjien ajan säästämiseksi, PDF.js tarjoaa myös lähdekoodin täysin toimivalle ja monipuoliselle PDF-veiwerille, jonka löydät (tarkista viewer.html, viewer.js ja viewer.css jne.) PDF.js-kirjaston jakelupaketin verkko-kansiossa.