Declaratieve PDF-programmering JavaScript-bibliotheek
Gratis en open source-bibliotheek om PDF-documenten te genereren door de PDF-structuur in JavaScript te declareren.
Wat is pdfmake?
Pdfmake is een handige JavaScript-bibliotheek die zowel gratis als open-source is, waardoor het een geweldig hulpmiddel is om het proces van het maken van PDF-documenten in webapplicaties te vereenvoudigen. U kunt de structuur van een PDF-document declareren door tekst, afbeeldingen, tabellen enz. te definiëren met stijlen die u kunt toepassen, en pdfmake beheert de rest om PDF's te maken met de door u gewenste visuele stijl, zoals hieronder weergegeven:
Hieronder volgen enkele van de belangrijkste kenmerken van pdfmake:
- PDF's maken: Met Pdfmake kunt u PDF-documenten maken van gestructureerde gegevens, waardoor u eenvoudig rapporten, facturen, formulieren en andere soorten documenten kunt genereren.
- Tabellen toevoegen: Met Pdfmake kunt u eenvoudig tabellen ontwerpen en in uw PDF's invoegen, waardoor het weergeven van tabelgegevens en het onderhouden van een gestructureerde lay-out eenvoudig wordt.
- Afbeeldingen toevoegen: Met Pdfmake kunt u afbeeldingen in uw PDF-documenten opnemen, waardoor het mogelijk wordt om logo's, afbeeldingen of foto's op te nemen om de visuele aantrekkingskracht te vergroten.
- Wachtwoorden toevoegen: Pdfmake ondersteunt het toevoegen van wachtwoordbeveiliging aan uw PDF's, waardoor gevoelige informatie wordt beveiligd door een wachtwoord te vereisen voor toegang tot documenten.
Aan de slag met pdfmake
We kunnen de pdfmake-bibliotheek downloaden met behulp van de npm-module:
U kunt npm-modules gebruiken als u npm als pakketbeheerder gebruikt:
Installeer met behulp van NPM
npm install pdfmake
Als alternatief kunnen we het laden vanaf een CDN zoals hieronder:
- 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
PDF-document maken
We kunnen een PDF-document maken met behulp van de declaratieve benadering van de pdfmake-bibliotheek. We kunnen ook de inhoud toevoegen, zoals tekst en hyperlinks, met stijl zoals weergegeven in het onderstaande voorbeeld:
De volgende uitvoer toont het gegenereerde PDF-document:
PDF maken met tabellen
We kunnen een PDF maken en tabellen aan de PDF toevoegen met behulp van de pdfmake-bibliotheek. In dit voorbeeld gebruiken we de table richtlijn om de tabel te maken, tabelinstellingen te configureren en gegevens zoals tabelkoppen en waarden toe te voegen, zoals hieronder weergegeven:
Onderstaande uitvoerscreenshot toont het PDF-document waaraan de tabel is toegevoegd:
PDF maken met afbeeldingen
We kunnen ook een PDF maken en afbeeldingen aan de PDF toevoegen met behulp van de declaratieve aanpak van de pdfmake-bibliotheek. We gebruiken de image richtlijn om de afbeelding toe te voegen, maar we kunnen de afbeelding niet rechtstreeks uit ons lokale bestandssysteem gebruiken. Om de afbeelding te kunnen gebruiken, moeten we de afbeelding kopiëren naar het virtuele bestandssysteem (VFS) dat wordt geleverd door de pdfmake-bibliotheek, zoals gedemonstreerd in het onderstaande codefragment:
De volgende schermafbeelding toont het gemaakte PDF-document met de afbeelding:
Met een wachtwoord beveiligde PDF-documenten maken
Het is ook mogelijk om met een wachtwoord beveiligde PDF-documenten te maken met behulp van de userPassword-richtlijn van de pdfmake-bibliotheek, die de toegang van ongeautoriseerde gebruikers tot het PDF-document beperkt. Bekijk het onderstaande codefragment voor de details:
Bij het openen van het gegenereerde PDF-document wordt een wachtwoordprompt weergegeven, zoals hieronder:
Conclusie
Kortom, pdfmake is een eenvoudig te gebruiken JavaScript-bibliotheek met de mogelijkheid om PDF's te genereren via de declaratieve benadering van het gebruik van documentdefinitieobjecten als richtlijnen.