Deklarativ PDF-programmering JavaScript-bibliotek
Gratis og åpen kildekode-bibliotek for å generere PDF-dokumenter ved å erklære PDF-struktur i JavaScript.
Hva er pdfmake?
Pdfmake er et hendig JavaScript-bibliotek som er både gratis og åpen kildekode, noe som gjør det til et flott verktøy for å forenkle prosessen med å lage PDF-dokumenter i nettapplikasjoner. Du kan erklære PDF-dokumentstruktur ved å definere tekst, bilder, tabeller osv. med stiler som skal brukes, og pdfmake vil administrere resten for å lage PDF-er med ønsket visuell stil som vist nedenfor:
Følgende er noen av hovedfunksjonene til pdfmake:
- Opprette PDF-er: Pdfmake lar deg lage PDF-dokumenter fra strukturerte data, noe som gjør det enkelt å generere rapporter, fakturaer, skjemaer og andre typer dokumenter.
- Legge til tabeller: Pdfmake lar deg enkelt designe og sette inn tabeller i PDF-ene dine, noe som gjør det enkelt å vise tabelldata og vedlikeholde et strukturert oppsett.
- Legge til bilder: Pdfmake gjør det mulig å inkludere bilder i PDF-dokumentene dine, noe som gjør det mulig å inkludere logoer, grafikk eller fotografier for å forbedre visuell appell.
- Legge til passord: Pdfmake støtter å legge til passordbeskyttelse til PDF-ene dine, og hjelper til med å sikre sensitiv informasjon ved å kreve et passord for dokumenttilgang.
Komme i gang med pdfmake
Vi kan laste ned pdfmake-biblioteket ved å bruke npm-modulen:
Du kan bruke npm-moduler hvis du bruker npm som pakkebehandler:
Installer med NPM
npm install pdfmake
Alternativt kan vi laste den 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
Opprette PDF-dokument
Vi kan lage et PDF-dokument ved å bruke pdfmake-bibliotekets deklarative tilnærming. Vi kan også legge til innhold som tekst og hyperkoblinger med stil som vist i eksemplet nedenfor:
Følgende utdata viser det genererte PDF-dokumentet:
Opprette PDF med tabeller
Vi kan lage en PDF og legge til tabeller i PDF-en ved å bruke pdfmake-biblioteket. I dette eksemplet vil vi bruke tabell-direktivet til å lage tabellen, konfigurere tabellinnstillinger og legge til data som tabelloverskrifter og verdier som vist nedenfor:
Skjermbildet nedenfor viser PDF-dokumentet med tabellen lagt til:
Lage PDF med bilder
Vi kan også lage en PDF og legge til bilder i PDF-en ved å bruke pdfmake-bibliotekets deklarative tilnærming. Vi bruker bilde-direktivet for å legge til bildet, men vi kan ikke bruke bildet direkte fra vårt lokale filsystem. For å bruke bildet må vi kopiere bildet til det virtuelle filsystemet (VFS) levert av pdfmake-biblioteket som vist i kodebiten nedenfor:
Følgende skjermbilde viser det opprettede PDF-dokumentet med bildet:
Opprette passordbeskyttede PDF-dokumenter
Det er også mulig å lage passordbeskyttede PDF-dokumenter ved å bruke pdfmake-bibliotekets userPassword-direktiv som vil begrense tilgangen til uautoriserte brukere til PDF-dokumentet. Sjekk kodebiten nedenfor for detaljer:
Når du åpner det genererte PDF-dokumentet, vises en passordforespørsel som nedenfor:
Konklusjon
Avslutningsvis er pdfmake et brukervennlig JavaScript-bibliotek med PDF-genereringsevne gjennom sin deklarative tilnærming til å bruke dokumentdefinisjonsobjekter som direktiver.