1. Producten
  2.   PDF
  3.   JavaScript
  4.   PDF-Lib
 
  

PDF Creatie Editing via Open Source JavaScriptAPI

Open Source JavaScript-bibliotheek voor het maken en wijzigen van PDF-bestanden, pagina's toevoegen en kopiëren en afbeeldingen invoegen in PDF via JavaScript.

PDF-Lib is een open source JavaScript-bibliotheek waarmee softwareprofessionals krachtige toepassingen kunnen ontwikkelen voor het werken met PDF-bestanden. De bibliotheek is zeer rijk aan functies en ontworpen om te werken in elke moderne JavaScript-runtime. Het omvat ondersteuning voor het maken van nieuwe PDF-bestanden, het bewerken van bestaande PDF-documenten, het maken van formulieren, het toevoegen of verwijderen van PDF-pagina's, het kopiëren van pagina's tussen PDF's, het tekenen van tekst en afbeeldingen, het meten van de breedte en hoogte van de tekst, het splitsen en samenvoegen van documenten, lezen en stel PDF-metadata in, teken vectorafbeeldingen en nog veel meer.

De bibliotheek is geschreven in Typescript en gecompileerd naar puur JavaScript zonder andere afhankelijkheden. Een belangrijk doel van het maken van de PDF-Lib-bibliotheek was om het gebrek aan robuuste ondersteuning van het JavaScript-ecosysteem voor het bewerken of wijzigen van PDF's aan te pakken. Er zijn verschillende goede JavaScript-bibliotheken die het maken van PDF-bestanden ondersteunen, maar slechts enkele bevatten sterke ondersteuning voor PDF-aanpassing. De PDF-Lib biedt volledige ondersteuning voor PDF-aanpassing en werkt in alle JavaScript-omgevingen (niet alleen Node of de browser).

Previous Next

Beginnen met DF-Lib

De aanbevolen en makkelijkste manier om te beginnen en DF-Lib te installeren is ook via nom en bij Yarn, beneden is het bevel.

installeer DFLib via Num

 npm install --save pdf-lib

installeer DFLib via Yarn

 yarn add pdf-lib

PDF Documents Creation Vertaling:

De open bron PDF-Lib bibliotheek heeft de volledige functionaliteit inclusief PDF document creatie en ook aangepast. Softwareontwikkelaars kunnen een nieuw PDF document creëren van de kras met slechts een paar lijnen van JavaScript code in hun eigen aanvragen. Eenmaal ontwikkelaars kunnen sms'en, beelden tekenen of vector graphics, hun letters, kopiëren en inbegrepen pagina's van andere PDFs, formateren en stijlen van hun keuze, en veel meer.

Hoe je PDF Documenten creëert via 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()

Vertaling:

Het is vaak zeer begunstigd om een bestaande pagina te gebruiken in plaats van een nieuwe pagina te creëren in een PDF document. De open bron PDF-Lib bibliotheek stelt computer programmeurs in staat om pagina's uit verschillende PDF documenten te kopiëren en toe te voegen aan hun verlangde PDF documenten zonder enige afhankelijkheid. Eerst moet je beide PDF bestanden inladen, daarna, kun je copyPages) commando gebruiken om de verlangde pagina's te kopiëren, en dan gebruik je de addPage om de pagina toe te voegen in de PDF documenten.

Tekst toevoegen aan bestaande PDF met 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 Metadata van PDF Files

De PDF-Lib bibliotheek steunt volledig toegang en leest metadata van PDF documenten. Metadata is een belangrijk deel van PDF documenten en heeft zeer belangrijke informatie over de PDF en zijn inhoud als titel, onderwerp, auteur, copyright informatie, creator, datum van creatie of modificatie, en zo verder. Met gebruik van PDF-Lib bibliotheek softwareontwikkelaars kunnen gemakkelijk metadata uit een PDF document halen met slechts een paar linies van JavaScript codes.

Afbeelding toevoegen aan PDF met 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()

Aanklacht aan PDF tot JavaScript API

Soms moeten we meer gedetailleerde informatie over een PDF-bestand verstrekken, zodat we een ander bestand aan dat bestand kunnen toevoegen. Het voordeel van dat bestand is nu dat de bijlage met de pdf meegaat als u deze naar een andere locatie verplaatst. De open source PDF-Lib-bibliotheek geeft softwareontwikkelaars de mogelijkheid om andere bestanden toe te voegen aan hun PDF-documenten in hun JavaScript-apps. Het is mogelijk om verschillende soorten bestanden aan een PDF toe te voegen, zoals Microsoft Word, Excel, afbeeldingen, video of zelfs andere PDF's.

Vertaling:

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