Crea e gestisci PDF file tramite Free JavaScript API

Guida introduttiva a PDFKit

PDFKit è disponibile a num, È possibile scaricarlo facilmente e installarlo sulla vostra macchina. Si prega di utilizzare il seguente comando per l'installazione liscia.

npm install pdfkit 

Crea e modifica PDF file utilizzando JavaScript Library

La libreria Free PDFKit può essere utilizzata per creare PDF documenti all'interno delle tue JavaScript applicazioni vinte con facilità. Rende il lavoro di JavaScript sviluppatore facile aiutandoli a generare un PDF personalizzato con documenti multi-pagina complessi con solo un paio di linee di codice. Ha incluso il supporto per diverse funzioni importanti, come la selezione della dimensione della pagina, il margine di default del cambiamento, selezionando tipi di font o dimensione del font, applicare la formattazione e stili, e molti altri.

const PDFDocument = require('pdfkit');
const fs = require('fs');
// Create a document
const doc = new PDFDocument();
// Pipe its output somewhere, like to a file or HTTP response
// See below for browser usage
doc.pipe(fs.createWriteStream('output.pdf'));
// Embed a font, set the font size, and render some text
doc
  .font('fonts/PalatinoBold.ttf')
  .fontSize(25)
  .text('Some text with an embedded font!', 100, 100);
// Add an image, constrain it to a given size, and center it vertically and horizontally
doc.image('path/to/image.png', {
  fit: [250, 300],
  align: 'center',
  valign: 'center'
});
// Add another page
doc
  .addPage()
  .fontSize(25)
  .text('Here is some vector graphics...', 100, 100);
// Finalize PDF file
doc.end();
   

Aggiungere e gestire le immagini all'interno PDF via JavaScript API

È molto facile inserire immagini all'interno di un documento PDF utilizzando la libreria open source PDFKit. È sufficiente fornire il percorso dell'immagine, buffer o dati uri con i dati codificati di base64 e passarlo al metodo dell'immagine. Ha fornito diverse funzioni per la gestione delle immagini, come ad esempio personalizzare la larghezza dell'immagine e l'altezza, l'immagine scala, inserire l'immagine all'interno di una forma, l'immagine elastica, l'immagine e così via.

 // Scale proprotionally to the specified width
doc.image('images/test.jpeg', 0, 15, {width: 300})
   .text('Proportional to width', 0, 0);
// Fit the image within the dimensions
doc.image('images/test.jpeg', 320, 15, {fit: [100, 100]})
   .rect(320, 15, 100, 100)
   .stroke()
   .text('Fit', 320, 0);
// Stretch the image
doc.image('images/test.jpeg', 320, 145, {width: 200, height: 100})
   .text('Stretch', 320, 130);
// Scale the image
doc.image('images/test.jpeg', 320, 280, {scale: 0.25})
   .text('Scale', 320, 265);
// Fit the image in the dimensions, and center it both horizontally and vertically
doc.image('images/test.jpeg', 430, 15, {fit: [100, 100], align: 'center', valign: 'center'})
   .rect(430, 15, 100, 100).stroke()
   .text('Centered', 430, 0);

Inserisci e gestisci il testo all'interno del PDF tramite l'API JS

La libreria open source JavaScript PDFKit consente ai professionisti del software di inserire e modificare il testo all'interno dei loro PDF documenti. L'aggiunta di testo e la personalizzazione è molto facile da gestire e la libreria PDFKit ha fornito diverse funzioni utili per gestire la formazione di testo e lo styling. Ha incluso caratteristiche come la giustificazione del testo, l'involucro della linea, l'interruzione del testo, lo spazio tra i paragrafi, il testo del colpo, l'aggiunta di liste, il supporto di testo ricco e molti altri.

 const lorem = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam in suscipit purus.  Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus nec hendrerit felis. Morbi aliquam facilisis risus eu lacinia. Sed eu leo in turpis fringilla hendrerit. Ut nec accumsan nisl.';
doc.fontSize(8);
doc.text(`This text is left aligned. ${lorem}`, {
  width: 410,
  align: 'left'
}
);
doc.moveDown();
doc.text(`This text is centered. ${lorem}`, {
  width: 410,
  align: 'center'
}
);
doc.moveDown();
doc.text(`This text is right aligned. ${lorem}`, {
  width: 410,
  align: 'right'
}
);
doc.moveDown();
doc.text(`This text is justified. ${lorem}`, {
  width: 410,
  align: 'justify'
}
);
// draw bounding rectangle
doc.rect(doc.x, 0, 410, doc.y).stroke();