Deklaratywna biblioteka programowania PDF JavaScript

Czym jest pdfmake?

Pdfmake to poręczna biblioteka JavaScript, która jest zarówno darmowa, jak i open-source, co czyni ją świetnym narzędziem do uproszczenia procesu tworzenia dokumentów PDF w aplikacjach internetowych. Możesz zadeklarować strukturę dokumentu PDF, definiując tekst, obrazy, tabele itp. ze stylami do zastosowania, a pdfmake zajmie się resztą, aby utworzyć pliki PDF z wymaganym stylem wizualnym, jak pokazano poniżej:

Oto niektóre z głównych funkcji programu pdfmake:

• Tworzenie plików PDF: Pdfmake umożliwia tworzenie dokumentów PDF na podstawie ustrukturyzowanych danych, co pozwala na łatwe generowanie raportów, faktur, formularzy i innych typów dokumentów.
• Dodawanie tabel: Pdfmake umożliwia łatwe projektowanie i wstawianie tabel do plików PDF, co pozwala na proste wyświetlanie danych tabelarycznych i zachowanie uporządkowanego układu.
• Dodawanie obrazów: Pdfmake umożliwia dodawanie obrazów do dokumentów PDF, co pozwala na dodawanie logotypów, grafik i fotografii w celu zwiększenia atrakcyjności wizualnej.
• Dodawanie haseł: Pdfmake obsługuje dodawanie ochrony hasłem do plików PDF, co pomaga w zabezpieczeniu poufnych informacji poprzez wymaganie podania hasła w celu uzyskania dostępu do dokumentu.

Statystyki GitHuba

Nazwa:
Język:
Gwiazdy:
Widły:
Licencja:
Repozytorium zostało ostatnio zaktualizowane o godzinie

Pierwsze kroki z pdfmake

Bibliotekę pdfmake możemy pobrać za pomocą modułu npm:

Instalacja przy użyciu NPM

Możesz używać modułów npm, jeśli używasz npm jako menedżera pakietów:

npm install pdfmake

Alternatywnie możemy załadować go z CDN w następujący sposób:

• https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/pdfmake.js
• https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/vfs_fonts.js

Tworzenie dokumentu PDF

Możemy utworzyć dokument PDF, używając deklaratywnego podejścia biblioteki pdfmake. Możemy również dodać zawartość, taką jak tekst i hiperłącza, ze stylizacją, jak pokazano w poniższym przykładzie:

Wyjście

Poniższy wynik wyświetla wygenerowany dokument PDF:

Tworzenie pliku PDF z tabelami

Możemy utworzyć plik PDF i dodać tabele do pliku PDF za pomocą biblioteki pdfmake. W tym przykładzie użyjemy dyrektywy table, aby utworzyć tabelę, skonfigurować ustawienia tabeli i dodać dane, takie jak nagłówki tabeli i wartości, jak pokazano poniżej:

Wyjście

Poniższy zrzut ekranu wyświetla dokument PDF z dodaną do niego tabelą:

Tworzenie pliku PDF z obrazami

Możemy również utworzyć plik PDF i dodać do niego obrazy, korzystając z deklaratywnego podejścia biblioteki pdfmake. Używamy dyrektywy image, aby dodać obraz, ale nie możemy bezpośrednio użyć obrazu z naszego lokalnego systemu plików. Aby użyć obrazu, musimy skopiować obraz do wirtualnego systemu plików (VFS) dostarczonego przez bibliotekę pdfmake, jak pokazano w poniższym fragmencie kodu:

Wyjście

Poniższy zrzut ekranu przedstawia utworzony dokument PDF z obrazem:

Tworzenie dokumentów PDF chronionych hasłem

Można również tworzyć dokumenty PDF chronione hasłem, używając dyrektywy userPassword biblioteki pdfmake, która ograniczy dostęp nieautoryzowanych użytkowników do dokumentu PDF. Sprawdź poniższy fragment kodu, aby uzyskać szczegóły:

Wyjście

Po otwarciu wygenerowanego dokumentu PDF wyświetli się poniższy monit o podanie hasła:

Wniosek

Podsumowując, pdfmake to łatwa w użyciu biblioteka JavaScript z możliwością generowania plików PDF dzięki deklaratywnemu podejściu polegającemu na użyciu obiektów definicji dokumentu jako dyrektyw.

Podobne Produkty