Open Source JavaScript-bibliotek til PDF-filer

Kom godt i gang med PDFjs

Den anbefalede og nemmeste måde at installere PDFjs-biblioteket på er at bruge npm, brug venligst følgende kommando for at opnå det.

 npm install pdfjs 

Oprettelse af PDF-dokumenter via gratis JavaScript API

PDF-dokumenter er altid meget nyttige for virksomheder og enkeltpersoner til at gemme og dele information med hinanden. PDFjs-biblioteket gør det nemt for dig at generere og ændre PDF-dokumenter i din applikation med blot et par enkle kommandoer. Biblioteket gør det også lettere for udviklere at tilføje nye sider, indsætte billeder, definere dokumentretning og meget mere.

const pdf  = require('.lib')
// Add Text Annotations
module.exports = function(doc, { lorem, font }) {
    doc.text('goto B', { goTo: 'B' })
    doc.text('goto A', { goTo: 'A' })
}

Opret PDF-anmærkninger via gratis JavaScript API

Open source PDFjs-biblioteket understøtter oprettelse af PDF-dokumenter med annoteringer. Annoteringer giver udviklere mulighed for at tilføje tilpasset indhold i PDF-dokumenter. Der er forskellige slags anmærkninger, der kan bruges i PDF-dokumenter, såsom tekst, linjer, noter eller figurer osv. PDFjs-biblioteket understøtter fuldt ud og gør det nemt for udviklere at oprette forskellige typer PDF-anmærkninger i deres egne applikationer. Følgende enkle kodelinjer kan tilføje tekstanmærkninger i PDF-dokumenter i JavaScript.

1. Inkluder PDFjs Library
2. Tilføj tekstanmærkninger
3. Eksporter PDF-dokument

const pdf  = require('.lib')
// Add Text Annotations
module.exports = function(doc, { lorem, font }) {
    doc.text('goto B', { goTo: 'B' })
    doc.text('goto A', { goTo: 'A' })
}
        

Sammenlægning af PDF-dokumenter

PDFjs-biblioteket giver softwareudviklere mulighed for programmæssigt at kombinere adskillige PDF-dokumenter til ét dokument i deres apps. Biblioteket gør det muligt for programmører at generere et nyt PDF-dokument fra det eksisterende, tilføje en specifik side i en ekstern PDF, implementere kerning, tilføje hele sider af andre PDF-filer og mere. Biblioteket giver også brugerne mulighed for at oprette brugerdefinerede PDF-rapporter.

Tilføjelse af grafik til PDF-dokumenter

Grafik og billeder er altid meget nyttige til at dele bedre information og tilføje mere værdi til et stykke indhold. PDFjs-biblioteket gør det lettere for JavaScript-professionelle at indsætte grafik efter eget valg i deres JavaScript-applikationer. Du kan bruge billedtyper af billeder som JPEG eller PNG i en PDF-fil. Du kan også tegne en ellipse, trekant, cirkel osv.

 // Adding JPEG image to PDF via PDFjs
    module.exports = function(doc, {image, lorem}) {
    doc.image(image.jpeg, {
    width: 64, align: 'center', wrap: false, x: 10, y: 30
    })
    doc.text(lorem.shorter)
    doc.image(image.jpeg)
    doc.image(image.jpeg, {
    width: 128, align: 'left'
    })
    doc.image(image.jpeg, {
    height: 55, align: 'center'
    })
    doc.image(image.jpeg, {
    width: 128, align: 'right'
    })
    doc.text(lorem.shorter)
    }

Administrer sidehoved og sidefod i PDF-dokumenter via JavaScript

PDFjs-biblioteket gør det lettere for JavaScript-udviklere at administrere sidehoved og sidefod i deres PDF-dokumenter med blot et par linjer kode. Det har givet flere vigtige funktioner til håndtering af PDF-hoveder og -fødder, såsom tilføjelse af sidetal, justering af skrifttype, anvendelse af skriftfarve, justering af linjehøjde, anvendelse af tekstjustering og mere. Følgende kodeeksempel viser, hvordan du tilføjer et sidehoved og en sidefod i en PDF-fil.

 module.exports = function(doc, {lorem, image}) {
    // header
    const header = doc.header()
    header.text('text')
    let cell = header.cell({ padding: 20, backgroundColor: 0xdddddd })
    cell.text('TESTING')
    cell.image(image.pdf)
    // footer
    const footer = doc.footer()
    footer.text('text')
    cell = footer.cell({ padding: 20, backgroundColor: 0xdddddd })
    cell.image(image.complexPdf)
    cell.text('TESTING')
    // body
    doc.text('Hello')
    doc.pageBreak()
    doc.text(lorem.long, { fontSize: 20 })
    }