Deklarativ PDF-programmering JavaScript-bibliotek
Gratis & Open Source-bibliotek til at generere PDF-dokumenter ved at erklære PDF-struktur i JavaScript.
Hvad er pdfmake?
Pdfmake er et praktisk JavaScript-bibliotek, der er både gratis og open source, hvilket gør det til et fantastisk værktøj til at forenkle processen med at oprette PDF-dokumenter i webapplikationer. Du kan erklære PDF-dokumentstruktur ved at definere tekst, billeder, tabeller osv. med stilarter, der skal anvendes, og pdfmake vil klare resten for at oprette PDF'er med din nødvendige visuelle stil som vist nedenfor:
Følgende er nogle af de vigtigste funktioner i pdfmake:
- Oprettelse af PDF'er: Pdfmake giver dig mulighed for at oprette PDF-dokumenter ud fra strukturerede data, hvilket giver mulighed for nem generering af rapporter, fakturaer, formularer og andre typer dokumenter.
- Tilføjelse af tabeller: Pdfmake giver dig mulighed for nemt at designe og indsætte tabeller i dine PDF'er, hvilket gør det nemt at vise tabeldata og vedligeholde et struktureret layout.
- Tilføjelse af billeder: Pdfmake giver mulighed for at inkludere billeder i dine PDF-dokumenter, hvilket gør det muligt at inkorporere logoer, grafik eller fotografier for at forbedre den visuelle appel.
- Tilføjelse af adgangskoder: Pdfmake understøtter tilføjelse af adgangskodebeskyttelse til dine PDF-filer, hvilket hjælper med at sikre følsomme oplysninger ved at kræve en adgangskode for dokumentadgang.
Kom godt i gang med pdfmake
Vi kan downloade pdfmake-biblioteket ved hjælp af npm-modulet:
Montering med NPM
Du kan bruge npm-moduler, hvis du bruger npm som din pakkeadministrator:
Installer ved hjælp af NPM
npm install pdfmake
Alternativt kan vi indlæse det fra et CDN som nedenfor:
- 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
Oprettelse af PDF-dokument
Vi kan oprette et PDF-dokument ved hjælp af pdfmake-bibliotekets deklarative tilgang. Vi kan også tilføje indholdet såsom tekst og hyperlinks med styling som vist i nedenstående eksempel:
Produktion
Følgende output viser det genererede PDF-dokument:
Oprettelse af PDF med tabeller
Vi kan oprette en PDF og tilføje tabeller til PDF'en ved hjælp af pdfmake-biblioteket. I dette eksempel vil vi bruge tabel-direktivet til at oprette tabellen, konfigurere tabelindstillinger og tilføje data som tabeloverskrifter og værdier som vist nedenfor:
Produktion
Nedenstående output-skærmbillede viser PDF-dokumentet med tabellen tilføjet:
Oprettelse af PDF med billeder
Vi kan også oprette en PDF og tilføje billeder til PDF'en ved hjælp af pdfmake-bibliotekets deklarative tilgang. Vi bruger image-direktivet til at tilføje billedet, men vi kan ikke direkte bruge billedet fra vores lokale filsystem. For at bruge billedet skal vi kopiere billedet til det virtuelle filsystem (VFS) leveret af pdfmake-biblioteket som vist i nedenstående kodestykke:
Produktion
Følgende skærmbillede viser det oprettede PDF-dokument med billedet:
Oprettelse af adgangskodebeskyttede PDF-dokumenter
Det er også muligt at oprette adgangskodebeskyttede PDF-dokumenter ved hjælp af pdfmake-bibliotekets userPassword-direktiv, som vil begrænse uautoriserede brugeres adgang til PDF-dokumentet. Tjek nedenstående kodestykke for detaljer:
Produktion
Når du åbner det genererede PDF-dokument, vil en adgangskodeprompt blive vist som nedenfor:
Konklusion
Afslutningsvis er pdfmake et letanvendeligt JavaScript-bibliotek med PDF-genereringsevne gennem sin deklarative tilgang til at bruge dokumentdefinitionsobjekter som direktiver.