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

PDF Creación Edición mediante código abierto JavaScript API

Open Source JavaScript Library for Creating modificar PDF Archivos, añadir copiar páginas insertar imágenes a PDF vía JavaScript.

PDF-Lib es una biblioteca de JavaScript fuentes abiertas que permite a los profesionales del software desarrollar aplicaciones poderosas para trabajar con PDF archivos. La biblioteca es muy rica en características y está diseñada para trabajar en cualquier momento moderno JavaScript. Ha incluido soporte para la creación de nuevos PDF ficheros, editando PDF documentos existentes, creando formularios, añadiendo o eliminando PDF páginas, copiando texto imágenes, midiendo la anchura y la altura del texto, leyendo

La biblioteca está escrita en Typescript y compilada a JavaScript puros sin otras dependencias. Un gran propósito de la creación de la biblioteca de PDF Lib fue abordar la falta de soporte sólido del ecosistema JavaScript para PDF edición o modificación. Hay varias buenas JavaScript bibliotecas que apoyan la creación de PDF archivos, pero muy pocas incluyen un fuerte apoyo para PDF modificaciones. El PDF-Lib ha incluido soporte completo para PDF modificaciones, así como para trabajar en los JavaScript entornos (no sólo Node o Browser).

Previous Next

Comenzando con DF-Lib

La forma recomendada y más fácil de empezar e instalar DF-Lib es a través de num, así como de la hilo, abajo está el comando.

instalar DF-Lib vía num

 npm install --save pdf-lib 

instalar DF-Lib a través del hilo

 yarn add pdf-lib 

PDF Documentos Creación Modificación a través de JavaScript

La fuente abierta PDF-Lib biblioteca ha incluido una completa funcionalidad para PDF creación de documentos así como la modificación. Los desarrolladores de software pueden crear un nuevo documento PDF desde el rasguño con sólo un par de líneas de JavaScript códigos dentro de sus propias aplicaciones. Una vez creados los desarrolladores pueden insertar texto, dibujar imágenes o gráficos vectoriales, incrustar sus fuentes, copiar y incrustar páginas de otros PDFs, aplicar formatos y estilos de su elección, y mucho más.

Cómo crear PDF Documentos a través de 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()

Copiado Páginas entre PDF Documentos a través de la Biblioteca S

A menudo es muy beneficioso utilizar una página existente en lugar de crear una nueva página dentro de un documento de PDF. La biblioteca de PDF-Lib permite a los programadores de ordenadores copiar páginas de varios PDF documentos y añadirlos a sus PDF documentos deseados sin ninguna dependencia externa. Primero, usted necesita cargar ambos PDF archivos, después de eso, puede utilizar el comando copyPages() para copiar las páginas deseadas, y luego utilizar el comando addPage() para añadir la página en la ubicación deseada dentro de los PDF documentos.

Agregar texto a PDF existente usando 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 Lee Metadata de PDF Archivos

La biblioteca PDF-Lib admite totalmente el acceso y la lectura de metadatos de PDF documentos. Metadata es una parte muy importante de PDF documentos y ha incluido información muy importante sobre el PDF y su contenido como título, sujeto, autor, información sobre derechos de autor, creador, fecha de creación o modificación, etc. Utilizando PDF desarrolladores de software de biblioteca de Lib puede fácilmente analizar y extraer metadatos de un documento PDF con sólo un par de líneas de JavaScript códigos.

Agregar imagen a PDF usando 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()

Añadir anexos a PDF vía JavaScript API

A veces necesitamos proporcionar información más detallada sobre un archivo PDF, así que podemos adjuntar otro archivo a ese archivo. Ahora el beneficio de ese archivo será que el archivo adjunto viajará con los PDF si lo mueves a una ubicación diferente. La biblioteca de PDF Lib fuente abierta ofrece a los desarrolladores de software la capacidad de adjuntar otros archivos a sus PDF documentos dentro de sus JavaScript aplicaciones. Es posible adjuntar varios tipos de archivos a un PDF, como Microsoft Word, Excel, imágenes, vídeo o incluso otros PDFs.

Añadir Ataques a PDF utilizando 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()
 Español