Deklaratywna biblioteka JavaScript do programowania w formacie PDF
Bezpłatna biblioteka Open Source do generowania dokumentów PDF poprzez deklarację struktury PDF w JavaScript.
Co to jest pdfmake?
Pdfmake to przydatna biblioteka JavaScript, zarówno bezpłatna, jak i typu open source, co czyni ją doskonałym narzędziem upraszczającym proces 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 wymaganą stylizacją wizualną, jak pokazano poniżej:
Oto niektóre z głównych cech pdfmake:
- Tworzenie plików PDF: Pdfmake umożliwia tworzenie dokumentów PDF na podstawie danych strukturalnych, 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, dzięki czemu wyświetlanie danych tabelarycznych i utrzymywanie uporządkowanego układu jest proste.
- Dodawanie obrazów: Pdfmake umożliwia dołączanie obrazów do dokumentów PDF, umożliwiając włączenie logo, grafiki lub zdjęć w celu zwiększenia atrakcyjności wizualnej.
- Dodawanie haseł: Pdfmake obsługuje dodawanie ochrony hasłem do plików PDF, pomagając zabezpieczyć poufne informacje poprzez wymaganie hasła przy dostępie do dokumentów.
Pierwsze kroki z pdfmake
Bibliotekę pdfmake możemy pobrać za pomocą modułu npm:
Możesz użyć modułów npm, jeśli używasz npm jako menedżera pakietów:
Zainstaluj za pomocą NPM
npm install pdfmake
Alternatywnie możemy załadować go z CDN, jak poniżej:
- 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, korzystając z deklaratywnego podejścia biblioteki pdfmake. Możemy również dodać treść, taką jak tekst i hiperłącza, ze stylizacją, jak pokazano w poniższym przykładzie:
Poniższe dane wyjściowe wyświetlają wygenerowany dokument PDF:
Tworzenie plików 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 do utworzenia tabeli, skonfigurowania ustawień tabeli i dodania danych, takich jak nagłówki i wartości tabeli, jak pokazano poniżej:
Poniższy zrzut ekranu wyjściowego wyświetla dokument PDF z dodaną do niego tabelą:
Tworzenie plików PDF z obrazami
Możemy również utworzyć plik PDF i dodać do niego obrazy, korzystając z deklaratywnego podejścia biblioteki pdfmake. Aby dodać obraz, używamy dyrektywy image, 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) udostępnianego przez bibliotekę pdfmake, jak pokazano w poniższym fragmencie kodu:
Poniższy zrzut ekranu przedstawia utworzony dokument PDF z obrazem:
Tworzenie dokumentów PDF chronionych hasłem
Możliwe jest również tworzenie dokumentów PDF chronionych hasłem przy użyciu dyrektywy userPassword biblioteki pdfmake, która ograniczy dostęp nieautoryzowanych użytkowników do dokumentu PDF. Sprawdź poniższy fragment kodu, aby poznać szczegóły:
Podczas otwierania wygenerowanego dokumentu PDF zostanie wyświetlony monit o podanie hasła, jak poniżej:
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 elementu docelowego obiekty definicji dokumentu jako dyrektywy.
