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:n avulla voit myös tulostaa tai tallentaa PDF-dokumentteja 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-dokumentin ominaisuudet: Viimeisenä mutta ei vähäisimpänä, voit tarkastella PDF-dokumenttien ominaisuuksia myös selaimessa PDF.js-katseluohjelmalla.
GitHub

GitHub-tilastot

Nimi:
Kieli:
Tähdet:
Haarukat:
Lisenssi:
Arkisto päivitettiin viimeksi klo

PDF.js:n käytön aloittaminen

Voit hankkia PDF.js:n ja aloittaa sen käytön verkkoprojekteissasi kolmella tavalla.

1. Rakenna lähteestä

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

2. Käytä valmiiksi rakennettua jakelua

PDF.js tarjoaa myös valmiiksi rakennetut jakelut sekä lähdekoodin, jonka löydät GitHubin PDF.js-julkaisuista. . Voit ladata valmiiksi rakennetun PDF.js-kirjaston ja alkaa käyttää sitä.

3. Käytä isännöityä kirjastoa CDN:n kautta

PDF.js on myös ilmaisilla CDN-palvelimilla. Muutama linkki on jaettu alla:

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ä ja luvata objekteja, jotka käsittelevät PDF-dokumentin asynkronisen lataamisen ja hahmontamisen.

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 online PDF.js Viewer -demoa tutkiaksesi kaikkia PDF.js-kirjaston ominaisuudet.

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.

Samankaltaisia Tuotteita

 Finnish