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, ce qui permet 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 fichiers PDF, contribuant ainsi à sécuriser les informations sensibles en exigeant un mot de passe pour l'accès au document.

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 avec 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 un 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 y ajouter des tableaux à 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 de sortie ci-dessous affiche le document PDF avec le tableau qui lui est ajouté :

Créer un PDF avec des images

Nous pouvons également créer un PDF et y ajouter des images 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 à partir de notre système de fichiers local. Pour utiliser l’image, nous devons copier l’image dans le système de fichiers virtuel (VFS) fourni par la bibliothèque pdfmake, comme illustré dans l’extrait de code ci-dessous :

Sortir

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

Créer des 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 limitera 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'affiche comme ci-dessous :

Conclusion

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

Produits Similaires