Bibliothèque JavaScript de programmation PDF déclarative

Qu’est-ce que pdfmake ?

Pdfmake est une bibliothèque JavaScript pratique, à la fois gratuite et open source, ce qui en fait un excellent outil pour simplifier le processus de création de documents PDF dans les applications Web. Vous pouvez déclarer la structure du document PDF en définissant du texte, des images, des tableaux, etc. avec des styles à appliquer et pdfmake gérera le reste pour créer des PDF avec le style visuel requis, comme indiqué ci-dessous :

Voici quelques-unes des principales fonctionnalités de pdfmake :

• Création de PDF : Pdfmake vous permet de créer des documents PDF à partir de données structurées, permettant de générer facilement des rapports, des factures, des formulaires et d'autres types de documents.
• Ajout de tableaux : Pdfmake vous permet de concevoir et d'insérer facilement des tableaux dans vos PDF, ce qui simplifie l'affichage des données tabulaires et le maintien d'une mise en page structurée.
• Ajout d'images : Pdfmake permet d'inclure des images dans vos documents PDF, ce qui permet d'incorporer des logos, des graphiques ou des photographies pour améliorer l'attrait visuel.
• Ajout de mots de passe : Pdfmake prend en charge l'ajout d'une protection par mot de passe à vos PDF, aidant ainsi à sécuriser les informations sensibles en exigeant un mot de passe pour accéder aux documents.

Statistiques GitHub

Nom:
Langue:
Étoiles:
Fourchettes:
Licence:
Le référentiel a été mis à jour pour la dernière fois à

Premiers pas avec pdfmake

Nous pouvons télécharger la bibliothèque pdfmake en utilisant le module npm :

Installation à l'aide de NPM

Vous pouvez utiliser les modules npm si vous utilisez npm comme gestionnaire de packages :

npm install pdfmake

Alternativement, nous pouvons le charger à partir d'un CDN comme ci-dessous :

• 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

Création d'un document PDF

Nous pouvons créer un document PDF en utilisant l’approche déclarative de la bibliothèque pdfmake. Nous pouvons également ajouter du contenu tel que du texte et des hyperliens avec le style comme indiqué dans l'exemple ci-dessous :

Sortir

La sortie suivante affiche le document PDF généré :

Créer un PDF avec des tableaux

Nous pouvons créer un PDF et ajouter des tableaux au PDF à l'aide de la bibliothèque pdfmake. Dans cet exemple, nous utiliserons la directive table pour créer le tableau, configurer les paramètres du tableau et ajouter des données telles que les en-têtes et les valeurs du tableau, comme indiqué ci-dessous :

Sortir

La capture d'écran ci-dessous affiche le document PDF avec le tableau ajouté :

Créer un PDF avec des images

Nous pouvons également créer un PDF et ajouter des images au PDF en utilisant l’approche déclarative de la bibliothèque pdfmake. Nous utilisons la directive image pour ajouter l'image mais nous ne pouvons pas utiliser directement l'image de notre système de fichiers local. Pour utiliser l'image, nous devons copier l'image sur le système de fichiers virtuel (VFS) fourni par la bibliothèque pdfmake, comme démontré dans l'extrait de code ci-dessous :

Sortir

La capture d'écran suivante montre le document PDF créé avec l'image :

Création de documents PDF protégés par mot de passe

Il est également possible de créer des documents PDF protégés par mot de passe à l'aide de la directive userPassword de la bibliothèque pdfmake qui restreindra l'accès des utilisateurs non autorisés au document PDF. Consultez l'extrait de code ci-dessous pour plus de détails :

Sortir

Lors de l'ouverture du document PDF généré, une invite de mot de passe s'affichera comme ci-dessous :

Conclusion

En conclusion, pdfmake est une bibliothèque JavaScript facile à utiliser avec une capacité de génération de PDF grâce à son approche déclarative consistant à utiliser la cible objets de définition de document en tant que directives.

Produits Similaires