Nyílt forráskódú JavaScript PDF Viewer Library

Próbálja ki ezt az ingyenes és nyílt forráskódú JavaScript API-t PDF elemző, megjelenítő, olvasó és megjelenítő könyvtárként.

Mi az a PDF.js?

A PDF.js a Mozilla által kifejlesztett nyílt forráskódú JavaScript és HTML5 alapú PDF-megtekintő könyvtár, amely lehetővé teszi a PDF (Portable Document Format) dokumentumok megtekintését a böngészőben.

A PDF.js számos szolgáltatást támogat, amelyek az alábbiakban találhatók:

  • PDF-ek renderelése: PDF-dokumentumokat nyithat meg és tekinthet meg, olvashat vagy renderelhet webböngészőkkel.
  • PDF-fájlok nyomtatása/mentése: A PDF.js lehetővé teszi PDF-dokumentumok nyomtatását vagy mentését kedvenc webböngészőjéből.
  • Prezentációs mód: A Bemutató mód használatával teljes képernyőn jelenítheti meg a PDF-oldalakat, és prezentációs diaként navigálhat az egyes oldalakra.
  • PDF-navigáció: A PDF.js egyszerűbb navigációs vezérlőket biztosít, amelyek segítségével a következő vagy előző oldalakra léphet. Gyorsan a kívánt oldalra is ugorhat az oldal számának megadásával.
  • PDF-jegyzet: A PDF-dokumentumokhoz megjegyzéseket is fűzhet úgy, hogy szöveget, képeket vagy rajzot ad hozzá a PDF-oldalakhoz.
  • PDF-oldalak elforgatása: A PDF.js használatával a PDF-oldalakat az óramutató járásával megegyező vagy azzal ellentétes irányban is elforgathatja.
  • PDF görgetése: A PDF.js nagyszerű vezérlőket kínál az oldalak vízszintes vagy függőleges görgetéséhez stb.
  • PDF-dokumentum tulajdonságai: Végül, de nem utolsósorban a PDF-dokumentumok tulajdonságait a böngészőn belül is megtekintheti a PDF.js megjelenítő segítségével.
GitHub

GitHub statisztika

Név:
Nyelv:
Csillagok:
Villák:
Engedély:
Az adattár legutóbbi frissítése:

A PDF.js használatának megkezdése

Háromféleképpen szerezheti be a PDF.js fájlt, és kezdheti el használni webes projektjeiben.

A PDF.js tárházat klónozhatja a GitHubból, és a Node.js letöltése és telepítése, gulp és PDF.js függőségek az alábbi lépésekkel:

Klónozza a PDF.js git tárolót a helyi gépen, és váltson át a pdf.js mappára


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

Telepítse a Node.js-t


https://nodejs.org/en/download

Telepítse a gulp csomagot globálisan


npm install -g gulp-cli

Telepítse a PDF.js-függőségeket


npm install

Futtassa a gulp szervert, és nyissa meg a megjelenítőt a böngészőben: http://localhost:8888/web/viewer.html


gulp server

A PDF.js előre elkészített disztribúciókat is kínál forráskóddal együtt, amelyeket a GitHubon a PDF.js-kiadások között találhat meg. . Letöltheti az előre elkészített PDF.js könyvtárat, és elkezdheti használni.

A PDF.js-t ingyenes CDN-kiszolgálókon is tárolják. Néhány linket az alábbiakban osztunk meg:

Futtassa a PDF.js Viewer programot

Miután letöltött és kicsomagolt egy előre elkészített terjesztési könyvtárat a GitHubból, két mappát talál: build és web. A PDF.js könyvtár fájlok a build mappában találhatók, ahol a web mappa egy viewer.html, viewer.css, viewer.js és kapcsolódó fájlokat tartalmazó megjelenítő projektet tartalmaz. Ha megnézi a viewer.html kódot, láthatja, hogy hivatkozik a build mappából származó pdf.js könyvtárra és más kapcsolódó css és js fájlokra is.

Futtassuk a viewer.html fájlt a böngészőben, hogy megnézzük, hogyan néz ki a PDF.js megjelenítő:

PDF dokumentumok renderelése/megtekintése

Egy PDF-dokumentum egyszerű megjelenítéséhez vagy megtekintéséhez a böngészőben a PDF.js megjelenítő könyvtár használatával, a PDF.js könyvtárat a HTML-dokumentum fejlécébe kell beillesztenünk a script címke használatával, és adjunk hozzá egy vászont > a HTML törzsébe, majd adja hozzá a szükséges JavaScript kódot a pdfjsLib használatához, és objektumokat ígér a PDF-dokumentum aszinkron betöltésének és megjelenítésének kezelésére.

A fenti kód csak egy PDF dokumentumot tölt be a böngészőbe felhasználói felület vagy vezérlők nélkül, az alábbiak szerint:

Online Demo

Próbálja ki ezt a teljes értékű online A PDF.js Viewer bemutatója a PDF.js könyvtár összes funkciójának felfedezéséhez.

Következtetés

A PDF.js egy ingyenes és nyílt forráskódú JavaScrpit PDF-megtekintő könyvtár erős közösséggel. Böngészőkön átívelő támogatást biztosít mind a modern, mind a régebbi böngészők számára. Igen, a régi böngészők felhasználói élménye nem biztos, hogy ugyanaz, mint a modern böngészőkben, de ingyenes könyvtárként továbbra is jó. Biztonságos és testreszabható. A funkciók korlátozottak, de PDF-nézőként kiválóan működik.

A PDF.js nagyszerű API-kat és architektúrát kínál a webalapú PDF-nézegető létrehozásához. Mivel időigényes további felhasználói felület vezérlők hozzáadása a megjelenítőhöz, így a fejlesztők idejét megtakaríthatjuk, a PDF.js egy teljesen működőképes és funkciókban gazdag PDF-áttekintő forráskódját is biztosítja, amelyet Ön is megtalál (nézze meg a viewer.html, viewer.js és viewer.css stb.) a PDF.js könyvtár terjesztési csomagjának web mappájában.

Hasonló Termékek

 Hungarian