Open Source JavaScript PDF Viewer Library
Vyzkoušejte toto Free & Open Source JavaScript API jako knihovnu PDF Parser, Viewer, Reader a Renderer.
Co je PDF.js?
PDF.js je open source knihovna prohlížeče PDF založená na JavaScriptu a HTML5 vyvinutá společností Mozilla, která umožňuje prohlížení dokumentů PDF (Portable Document Format) v prohlížeči.
PDF.js podporuje několik funkcí, které jsou uvedeny níže:
- Vykreslování PDF: Dokumenty PDF můžete otevírat a zobrazovat, číst nebo vykreslovat ve webových prohlížečích.
- Tisk/ukládání souborů PDF: PDF.js také umožňuje tisk nebo ukládání dokumentů PDF z vašeho oblíbeného webového prohlížeče.
- Režim prezentace: Pomocí režimu prezentace můžete zobrazit stránky PDF na celou obrazovku a můžete na každou stránku přejít jako na snímek prezentace.
- Navigace ve formátu PDF: Soubor PDF.js poskytuje snadnější ovládací prvky navigace, pomocí kterých se můžete přesunout na další nebo předchozí stránky. Můžete také rychle přejít na požadovanou stránku zadáním čísla stránky.
- Anotace PDF: Dokumenty PDF můžete také anotovat přidáním textu, obrázků nebo kresby na stránky PDF.
- Otáčení stránek PDF: Pomocí souboru PDF.js můžete také otáčet stránky PDF ve směru nebo proti směru hodinových ručiček.
- Posouvání PDF: PDF.js nabízí pěkné ovládací prvky pro vodorovné nebo svislé posouvání stránek atd.
- Vlastnosti dokumentu PDF: V neposlední řadě můžete také zobrazit vlastnosti dokumentů PDF v prohlížeči pomocí prohlížeče PDF.js.
Začínáme s PDF.js
Existují tři způsoby, jak získat soubor PDF.js a začít jej používat ve svých webových projektech.
1. Sestavte ze zdroje
Úložiště PDF.js můžete naklonovat z GitHubu a po instalaci Node.js, gulp a závislosti na PDF.js podle následujících kroků:
Naklonujte úložiště git PDF.js na místním počítači a přepněte se do složky pdf.js
git clone https://github.com/mozilla/pdf.js.git
cd pdf.js
Nainstalujte Node.js
https://nodejs.org/en/download
Nainstalujte balíček gulp globálně
npm install -g gulp-cli
Nainstalujte závislosti PDF.js
npm install
Spusťte gulp server a otevřete prohlížeč v prohlížeči na adrese http://localhost:8888/web/viewer.html
gulp server
2. Použijte předpřipravenou distribuci
PDF.js také nabízí předpřipravené distribuce spolu se zdrojovým kódem, který můžete najít ve vydání PDF.js na GitHubu . Můžete si stáhnout předem vytvořenou knihovnu PDF.js a začít ji používat.
3. Použijte hostovanou knihovnu přes CDN
PDF.js je také hostován na bezplatných CDN serverech. Níže je sdíleno několik odkazů:
- https://cdnjs.com/libraries/pdf.js
- https://www.jsdelivr.com/package/npm/pdfjs-dist
- https://unpkg.com/pdfjs-dist
Spusťte prohlížeč PDF.js
Po stažení a rozbalení předem vytvořené distribuční knihovny z GitHubu najdete dvě složky: build a web. Soubory knihovny PDF.js lze nalézt ve složce build, kde jako složka web obsahuje projekt prohlížeče, který obsahuje soubory viewer.html, viewer.css, viewer.js a související soubory. Pokud zkontrolujete kód viewer.html, uvidíte, že odkazuje na knihovnu pdf.js ze složky sestavení a další související soubory css a js.
Spusťte viewer.html v prohlížeči, abyste viděli, jak prohlížeč PDF.js vypadá:
Vykreslování/zobrazení dokumentů PDF
Chcete-li jednoduše vykreslit nebo zobrazit dokument PDF v prohlížeči pomocí knihovny prohlížeče PDF.js, musíme do záhlaví dokumentu HTML zahrnout knihovnu PDF.js pomocí značky script, přidat canvas do těla HTML a poté přidejte potřebný kód JavaScript, abyste mohli používat pdfjsLib a slibovali, že objekty zvládnou asynchronní načítání a vykreslování dokumentu PDF.
Výše uvedený kód pouze načte dokument PDF do prohlížeče bez jakéhokoli uživatelského rozhraní nebo ovládacích prvků, jak je uvedeno níže:
Online demo
Vyzkoušejte toto plně funkční online ukázka prohlížeče PDF.js a prozkoumejte vše funkce knihovny PDF.js.
Závěr
PDF.js je bezplatná a open source knihovna JavaScrpit PDF Viewer se silnou komunitou. Poskytuje podporu napříč prohlížeči pro moderní i starší prohlížeče. Ano, uživatelská zkušenost se staršími prohlížeči nemusí být stejná jako u těch moderních, ale jako bezplatná knihovna je stále dobrá. Je to bezpečné a přizpůsobitelné. Funkce jsou omezené, ale jako prohlížeč PDF to funguje skvěle.
PDF.js poskytuje pěkná rozhraní API a architekturu pro vytvoření webového prohlížeče PDF. Vzhledem k tomu, že přidání dalších ovládacích prvků uživatelského rozhraní do prohlížeče je časově náročné, aby se ušetřil čas vývojářů, poskytuje PDF.js také zdrojový kód plně funkčního a na funkce bohatého prohlížeče PDF, který můžete najít (viz viewer.html, viewer.js a viewer.css atd.) ve složce web distribučního balíčku knihovny PDF.js.
