Creare PDF in Javascript con PDFKit

Mattepuffo's logo
Creare PDF in Javascript con PDFKit

Creare PDF in Javascript con PDFKit

Programmazione, Javascript - AJAX

PDFKit è un libreria molto completa per Javascript per la creazione di file PDF.

Non è molto semplice da usare, e la possiamo integrare sia in programmi Node.js, che nelle classiche web application.

Noi vedremo questa seconda modalità; per usare la libreria nel browser dobbiamo scaricare due script:

La nostra pagine web sarà una cosa del genere:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>PDFKit</title>
        <script src="pdfkit.js"></script>
        <script src="blob-stream.js"></script>
        <script src="script.js"></script>
    </head>
    <body>
        <iframe id="fr" width="500" height="500"></iframe>
    </body>
</html>

Dentro a script.js c'è il nostro codice:

var doc = new PDFDocument();
var stream = doc.pipe(blobStream());

doc.fontSize(25).text('Scrivi un pò di testo', 100, 80);

doc.save()
        .moveTo(100, 150)
        .lineTo(100, 250)
        .lineTo(200, 250)
        .fill('#FF3300');

doc.circle(280, 200, 50).fill('#6600FF');

doc.scale(0.6)
        .translate(470, 130)
        .path('M 250,75 L 323,301 131,161 369,161 177,301 z')
        .fill('red', 'even-odd')
        .restore();

doc.text('Testo wrappato', 100, 300)
        .font('Times-Roman', 13)
        .moveDown()
        .text('CIAO', {
            width: 412,
            align: 'justify',
            indent: 30,
            columns: 2,
            height: 300,
            ellipsis: true
        });

doc.end();
stream.on('finish', function () {
    document.getElementById('fr').src = stream.toBlobURL('application/pdf');
});

Per capire bene come funziona, dovete un pò smanettare e fare delle prove.

Enjoy!

Condividi

Commentami!