1. Des produits
  2.   PDF
  3.   JavaScript
  4.   PDFKit
 
  

Créer et gérer PDF dossiers par l'intermédiaire de JavaScript API

Ouvrir Source Pure JavaScript La bibliothèque permet de créer PDF fichiers, Inscrire des images, du texte, de la marge de jeu et des pièces jointes à PDF pour Node et navigateur Web.

PDFKit est une bibliothèque de source ouverte très utile JavaScript pour créer et gérer PDF documents avec un minimum d'efforts et de coûts. Les API sont simples à gérer et à soutenir des fonctions de faible niveau ainsi que l'abstraction pour une fonctionnalité de haut niveau.

La bibliothèque PDFKit est très riche en caractéristiques et a appuyé de nombreuses caractéristiques importantes liées à la création et à la gestion de PDF documents, notamment l'insertion d'images JPEG et NG.

La bibliothèque est très stable et peut être facilement utilisée sur le client et sur le serveur. Il n'est pas dans un navigateur et dans Node.js et appuie pleinement la création de documents complexes, à plusieurs pages et imprimables. Il peut être exploité dans de nombreux navigateurs populaires comme Internet Explorer, Firefox, Chrome, Opera, Safari et plus.

Previous Next

Premiers pas avec PDFKit

PDFKit est disponible en chiffres, vous pouvez facilement le télécharger et l'installer sur votre machine. Veuillez utiliser la commande suivante pour l'installation sans heurts.

Installer le fichier PDF en chiffres

npm install pdfkit

Créer et rédiger PDF fichiers à l'aide de JavaScript bibliothèques

La bibliothèque gratuite de PDF kit peut être utilisée pour créer PDF documents à l'intérieur de vos JavaScript demandes gagnées avec facilité. Il rend le travail de JavaScript développeurs facile en les aidant à produire une coutume PDF avec des documents complexes et à plusieurs pages avec quelques lignes de code. Il a inclus le soutien de plusieurs éléments importants, tels que le choix de la taille de la page, la marge par défaut de changement, la sélection des polices ou la taille des polices, la présentation et les styles.

Créer PDF fichiers par JavaScript bibliothèques

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();

Ajouter Gérer les images à l'intérieur de PDF via JavaScript API

Il est très facile d'insérer des images dans un document de PDF en utilisant la bibliothèque de la source ouverte PDFKit. Vous devez simplement fournir le chemin d'image, le tampon ou l'uri de données avec des données codées de base 64 et le transmettre à la méthode d'image. Elle a fourni plusieurs caractéristiques pour la manipulation d'images, telles que personnaliser la largeur et la hauteur de l'image, l'image d'échelle, l'image d'étirement, l'aligner verticalement sur l'image.

Comment gérer les images en PDF par JavaScript

 // 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);

Insérer Gérer le texte à l'intérieur de PDF via S API

La bibliothèque JavaScript open source PDFKit permet aux professionnels du logiciel d'insérer et de modifier du texte dans leurs documents PDF. L'ajout et la personnalisation de texte sont très faciles à gérer et la bibliothèque PDFKit a fourni plusieurs fonctionnalités utiles pour gérer la formation et le style du texte. Il a inclus des fonctionnalités telles que la justification du texte, le retour à la ligne, le saut de ligne, les indentations de texte, la définition de l'espace entre les paragraphes, le trait de texte, l'ajout de listes, la prise en charge du texte enrichi et bien d'autres.

Comment appliquer la justification du texte par JavaScript API

 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();
 Français