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.
GitHub

Statistiky GitHubu

Název:
Jazyk:
hvězdy:
Vidlice:
Licence:
Úložiště bylo naposledy aktualizováno v

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ů:

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, můžete vidět, ž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 pro použití pdfjsLib a slibujte objektům, že 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 tento plně vybavený online Ukázka prohlížeče PDF.js k prozkoumání všech funkcí 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ává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 funkčně 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.

Podobné Produkty

 Czech