Libreria JavaScript di programmazione PDF dichiarativo
Libreria gratuita e open source per generare documenti PDF dichiarando la struttura PDF in JavaScript.
Cos'è pdfmake?
Pdfmake è una pratica libreria JavaScript gratuita e open source, che lo rende un ottimo strumento per semplificare il processo di creazione di documenti PDF nelle applicazioni web. Puoi dichiarare la struttura del documento PDF definendo testo, immagini, tabelle ecc. con gli stili da applicare e pdfmake gestirà il resto per creare PDF con lo stile visivo richiesto come mostrato di seguito:
Di seguito sono riportate alcune delle caratteristiche principali di pdfmake:
- Creazione di PDF: Pdfmake ti consente di creare documenti PDF da dati strutturati, consentendo una facile generazione di report, fatture, moduli e altri tipi di documenti.
- Aggiunta di tabelle: Pdfmake ti consente di progettare e inserire facilmente tabelle nei tuoi PDF, semplificando la visualizzazione di dati tabulari e il mantenimento di un layout strutturato.
- Aggiunta di immagini: Pdfmake consente di includere immagini nei tuoi documenti PDF, consentendo di incorporare loghi, grafica o fotografie per migliorare l'attrattiva visiva.
- Aggiunta di password: Pdfmake supporta l'aggiunta di protezione tramite password ai tuoi PDF, contribuendo a proteggere le informazioni sensibili richiedendo una password per l'accesso ai documenti.
Iniziare con pdfmake
Possiamo scaricare la libreria pdfmake utilizzando il modulo npm:
Installazione tramite NPM
Puoi utilizzare i moduli npm se utilizzi npm come gestore pacchetti:
Installa utilizzando NPM
npm install pdfmake
In alternativa, possiamo caricarlo da un CDN come di seguito:
- 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
Creazione di un documento PDF
Possiamo creare un documento PDF utilizzando l'approccio dichiarativo della libreria pdfmake. Possiamo anche aggiungere contenuti come testo e collegamenti ipertestuali con lo stile come mostrato nell'esempio seguente:
Produzione
Il seguente output visualizza il documento PDF generato:
Creazione di PDF con tabelle
Possiamo creare un PDF e aggiungere tabelle al PDF utilizzando la libreria pdfmake. In questo esempio, utilizzeremo la direttiva table per creare la tabella, configurare le impostazioni della tabella e aggiungere dati come intestazioni e valori della tabella come mostrato di seguito:
Produzione
Di seguito lo screenshot di output mostra il documento PDF con la tabella aggiunta ad esso:
Creazione di PDF con immagini
Possiamo anche creare un PDF e aggiungere immagini al PDF utilizzando l'approccio dichiarativo della libreria pdfmake. Utilizziamo la direttiva image per aggiungere l'immagine ma non possiamo utilizzare direttamente l'immagine dal nostro file system locale. Per utilizzare l'immagine, dobbiamo copiare l'immagine nel Virtual File System (VFS) fornito dalla libreria pdfmake come dimostrato nello snippet di codice seguente:
Produzione
Lo screenshot seguente mostra il documento PDF creato con l'immagine:
Creazione di documenti PDF protetti da password
È anche possibile creare documenti PDF protetti da password utilizzando la direttiva userPassword della libreria pdfmake che limiterà l'accesso degli utenti non autorizzati al documento PDF. Controlla lo snippet di codice qui sotto per i dettagli:
Produzione
Quando si apre il documento PDF generato, verrà visualizzata una richiesta di password come di seguito:
Conclusione
In conclusione, pdfmake è una libreria JavaScript facile da usare con capacità di generazione di PDF attraverso il suo approccio dichiarativo che utilizza oggetti di definizione del documento come direttive.