Open Source JavaScript PDF Viewer Library

Hva er PDF.js?

PDF.js er et åpen kildekode JavaScript- og HTML5-basert PDF-visningsbibliotek utviklet av Mozilla som lar deg se PDF-dokumenter (Portable Document Format) i nettleseren.

PDF.js støtter flere funksjoner som er oppført nedenfor:

• Gengi PDF-er: Du kan åpne og vise, lese eller gjengi PDF-dokumenter i nettlesere.
• Skriv ut/lagre PDF-er: PDF.js lar deg også skrive ut eller lagre PDF-dokumenter fra din favorittnettleser.
• Presentasjonsmodus: Ved å bruke presentasjonsmodus kan du vise PDF-sider i fullskjerm og kan navigere til hver side som et presentasjonslysbilde.
• PDF-navigering: PDF.js gir enklere navigasjonskontroller som du kan bruke til å gå til neste eller forrige side. Du kan også raskt hoppe til ønsket side ved å skrive inn nummeret på siden.
• PDF-kommentarer: Du kan også kommentere PDF-dokumenter ved å legge til tekst, bilder eller tegning på PDF-sidene.
• Roter PDF-sider: Ved å bruke PDF.js kan du også rotere PDF-sider med eller mot klokken.
• Rulling av PDF: PDF.js tilbyr fine kontroller for å rulle sider horisontalt eller vertikalt osv.
• PDF-dokumentegenskaper: Sist, men ikke minst, kan du også se egenskapene til PDF-dokumenter i nettleseren ved å bruke PDF.js viewer.

GitHub-statistikk

Navn:
Språk:
Stjerner:
Gafler:
Tillatelse:
Repository ble sist oppdatert kl

Komme i gang med PDF.js

Det er tre måter å få PDF.js og begynne å bruke i nettprosjektene dine.

1. Bygg fra kilden

Du kan klone PDF.js-depot fra GitHub og bygge det selv etter å ha installert Node.js, gulp og PDF.js-avhengigheter ved å følge trinnene nedenfor:

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

2. Bruk forhåndsbygd distribusjon

PDF.js tilbyr også forhåndsbygde distribusjoner sammen med kildekode som du kan finne på PDF.js-utgivelser på GitHub . Du kan laste ned forhåndsbygd PDF.js-bibliotek og begynne å bruke det.

3. Bruk vertsbibliotek via CDN

PDF.js er også vert på gratis CDN-servere. Noen lenker er delt nedenfor:

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

Kjør PDF.js Viewer

Etter at du har lastet ned og trukket ut et forhåndsbygd distribusjonsbibliotek fra GitHub, finner du to mapper: build og nett. PDF.js-biblioteksfiler kan finnes i build-mappen, der som web-mappen inneholder et viewer-prosjekt som inkluderer viewer.html, viewer.css, viewer.js og relaterte filer. Hvis du sjekker viewer.html-koden, kan du se at den refererer til pdf.js-biblioteket fra build-mappen og andre relaterte css- og js-filer.

La oss kjøre viewer.html i nettleseren for å se hvordan PDF.js viewer ser ut:

Gjengi/vis PDF-dokumenter

For ganske enkelt å gjengi eller vise et PDF-dokument i nettleseren ved hjelp av PDF.js viewer-bibliotek, må vi inkludere PDF.js-biblioteket i HTML-dokumentoverskriften vår ved å bruke script-taggen, legge til et lerret > til HTML-tekst og deretter legge til nødvendig JavaScript-kode for å bruke pdfjsLib og love objekter for å håndtere asynkron lasting og gjengivelse av PDF-dokumentet.

Koden ovenfor laster bare et PDF-dokument i nettleseren uten brukergrensesnitt eller kontroller som nedenfor:

Online demo

Prøv denne fullverdige online PDF.js Viewer-demoen for å utforske alle funksjoner i PDF.js-biblioteket.

Konklusjon

PDF.js er gratis og åpen kildekode JavaScrpit PDF-visningsbibliotek med et sterkt fellesskap. Den gir støtte på tvers av nettlesere for både moderne og eldre nettlesere. Ja, brukeropplevelsen på eldre nettlesere er kanskje ikke den samme som de moderne, men den er fortsatt god som et gratis bibliotek. Det er sikkert og kan tilpasses. Funksjonene er begrenset, men som PDF-visning fungerer det utmerket.

PDF.js gir fine APIer og arkitektur for å bygge en nettbasert PDF-viser. Siden det er tidkrevende å legge til flere brukergrensesnittkontroller til seeren for å spare utviklernes tid, gir PDF.js også kildekoden til en fullt funksjonell og funksjonsrik PDF-veier som du kan finne (sjekk viewer.html, viewer.js og viewer.css etc.) i nett-mappen til PDF.js-bibliotekets distribusjonspakke.

Lignende Produkter