1. Des produits
  2.   PDF
  3.   JavaScript
  4.   PDF-Lib
 
  

PDF Création Editing via Open Source JavaScript API

Source ouverte JavaScript Bibliothèque pour la création et la modification de PDF fichiers, ajouter et copier des pages insérer des images à PDF par JavaScript.

PDF-Lib est une bibliothèque de source ouverte de JavaScript qui permet aux professionnels des logiciels d'élaborer des applications puissantes pour travailler avec PDF fichiers. La bibliothèque est très riche en caractéristiques et conçue pour travailler dans une période moderne de JavaScript jours. Il a également appuyé la création de PDF nouveaux fichiers, l'édition de PDF documents existants, la création de formulaires, l'ajout ou l'élimination de PDF pages, les pages d'exemplaires et les images graphiques.

La bibliothèque est rédigée en Typescript et compilée à JavaScript pures sans autres dépendances. L'un des objectifs importants de la création de la bibliothèque PDF-Lib était de remédier à l'absence de soutien robuste des JavaScript écosystèmes pour PDF travaux d'édition ou de modification. Il y a plusieurs bonnes JavaScript bibliothèques qui appuient la création de PDF dossiers, mais très peu ont apporté un soutien important à PDF modifications. Les PDF-Lib ont inclus un soutien complet pour PDF modifications et travailler dans les JavaScript environnements (pas seulement Node ou Browser).

Previous Next

Pour commencer avec DF-Lib

Le mode recommandé et le plus facile d'amorcer et d'installer le DF-Lib est le numéro et le fil, sous la commande.

DF-Lib par numéro

 npm install --save pdf-lib

Installation DF-Lib par fil

 yarn add pdf-lib

PDF Documents Création et modification via JavaScript

La bibliothèque de la source ouverte PDF-Lib comprend une fonctionnalité complète pour la création de PDF documents et la modification. Les concepteurs de logiciels peuvent créer PDF nouveaux documents à partir de l'échelle avec seulement quelques lignes de JavaScript codes dans leurs propres applications. Une fois créés, les développeurs peuvent insérer des textes, dessiner des images ou des graphiques vecteurs, intégrer leurs polices, copier et intégrer les pages des autres PDFs, appliquer le format et les styles de leur choix.

Comment créer PDF documents par JavaScript

import { PDFDocument, StandardFonts, rgb } from 'pdf-lib'
// Create a new PDFDocument
const pdfDoc = await PDFDocument.create()
// Embed the Times Roman font
const timesRomanFont = await pdfDoc.embedFont(StandardFonts.TimesRoman)
// Add a blank page to the document
const page = pdfDoc.addPage()
// Get the width and height of the page
const { width, height } = page.getSize()
// Draw a string of text toward the top of the page
const fontSize = 30
page.drawText('Creating PDFs in JavaScript is awesome!', {
  x: 50,
  y: height - 4 * fontSize,
  size: fontSize,
  font: timesRomanFont,
  color: rgb(0, 0.53, 0.71),
})
// Serialize the PDFDocument to bytes (a Uint8Array)
const pdfBytes = await pdfDoc.save()

Copie Pages entre PDF documents par bibliothèque S

Il est souvent très utile d'utiliser une page existante plutôt que de créer une nouvelle page dans un document de PDF pages. La bibliothèque de la source ouverte PDF-Lib permet aux programmateurs d'ordinateurs de copier des pages de PDF documents et de les ajouter à leurs PDF documents souhaités sans dépendances externes. En premier lieu, vous devez charger les deux PDF dossiers, après quoi vous pouvez utiliser copyPages commandes pour copier les pages désirées, puis utiliser la commande addPage() pour ajouter la page à l'endroit désiré à l'intérieur des PDF documents.

Ajouter du texte à un PDF existant à l'aide de JavaScript

import { PDFDocument } from 'pdf-lib'
// Create a new PDFDocument
const pdfDoc = await PDFDocument.create()
const firstDonorPdfBytes = ...
const secondDonorPdfBytes = ...
// Load a PDFDocument from each of the existing PDFs
const firstDonorPdfDoc = await PDFDocument.load(firstDonorPdfBytes)
const secondDonorPdfDoc = await PDFDocument.load(secondDonorPdfBytes)
// Copy the 1st page from the first donor document, and
// the 743rd page from the second donor document
const [firstDonorPage] = await pdfDoc.copyPages(firstDonorPdfDoc, [0])
const [secondDonorPage] = await pdfDoc.copyPages(secondDonorPdfDoc, [742])
// Add the first copied page
pdfDoc.addPage(firstDonorPage)
// Insert the second copied page to index 0, so it will be the
// first page in `pdfDoc`
pdfDoc.insertPage(0, secondDonorPage)
// Serialize the PDFDocument to bytes (a Uint8Array)
const pdfBytes = await pdfDoc.save()

Parke Read Métadonnées de PDF fichiers

La bibliothèque PDF-Lib appuie pleinement l'accès et la lecture de métadonnées de PDF documents. Les métadonnées sont une partie très importante de PDF documents et contiennent des renseignements très importants sur les PDF et leur contenu, comme le titre, le sujet, l'auteur, l'information sur le droit d'auteur, le créateur, la date de création ou de modification, etc. L'utilisation de PDF concepteurs de logiciels de bibliothèques peut facilement utiliser et extraire des métadonnées d'un document PDF avec seulement quelques lignes de JavaScript codes.

Ajouter une image au PDF en utilisant JavaScript


import { PDFDocument, StandardFonts } from 'pdf-lib'
// Create a new PDFDocument
const pdfDoc = await PDFDocument.create()
// Embed the Times Roman font
const timesRomanFont = await pdfDoc.embedFont(StandardFonts.TimesRoman)
// Add a page and draw some text on it
const page = pdfDoc.addPage([500, 600])
page.setFont(timesRomanFont)
page.drawText('The Life of an Egg', { x: 60, y: 500, size: 50 })
page.drawText('An Epic Tale of Woe', { x: 125, y: 460, size: 25 })
// Set all available metadata fields on the PDFDocument. Note that these fields
// are visible in the "Document Properties" section of most PDF readers.
pdfDoc.setTitle('🥚 The Life of an Egg 🍳')
pdfDoc.setAuthor('Humpty Dumpty')
pdfDoc.setSubject('📘 An Epic Tale of Woe 📖')
pdfDoc.setKeywords(['eggs', 'wall', 'fall', 'king', 'horses', 'men'])
pdfDoc.setProducer('PDF App 9000 🤖')
pdfDoc.setCreator('pdf-lib (https://github.com/Hopding/pdf-lib)')
pdfDoc.setCreationDate(new Date('2018-06-24T01:58:37.228Z'))
pdfDoc.setModificationDate(new Date('2019-12-21T07:00:11.000Z'))
// Serialize the PDFDocument to bytes (a Uint8Array)
const pdfBytes = await pdfDoc.save()

Ajouter les pièces jointes à PDF par JavaScript API

Parfois, nous devons fournir des renseignements plus détaillés sur PDF dossiers, afin de pouvoir joindre un autre dossier à ce dossier. Maintenant, l'avantage de ce dossier sera que l'annexe passera avec les PDF si vous le déplacez à un endroit différent. La bibliothèque de la source ouverte PDF-Lib permet aux concepteurs de logiciels de joindre d'autres fichiers à leurs PDF documents à l'intérieur de leurs JavaScript appches. Il est possible de joindre divers types de fichiers à PDF tels que Microsoft Word, Excel, images, vidéo ou même PDF autres.

Ajouter les pièces jointes à PDF en utilisant JavaScript

const jpgAttachmentBytes = ...
const pdfAttachmentBytes = ...
// Create a new PDFDocument
const pdfDoc = await PDFDocument.create()
// Add the JPG attachment
await pdfDoc.attach(jpgAttachmentBytes, 'cat_riding_unicorn.jpg', {
  mimeType: 'image/jpeg',
  creationDate: new Date('2019/12/01'),
  modificationDate: new Date('2020/04/19'),
})
// Add the PDF attachment
await pdfDoc.attach(pdfAttachmentBytes, 'us_constitution.pdf', {
  mimeType: 'application/pdf',
  creationDate: new Date('1787/09/17'),
  modificationDate: new Date('1992/05/07'),
})
// Add a page with some text
const page = pdfDoc.addPage();
page.drawText('This PDF has two attachments', { x: 135, y: 415 })
// Serialize the PDFDocument to bytes (a Uint8Array)
const pdfBytes = await pdfDoc.save()
 Français