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.
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:
- https://cdnjs.com/libraries/pdf.js
- https://www.jsdelivr.com/package/npm/pdfjs-dist
- https://unpkg.com/pdfjs-dist
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.