1. Tuotteet
  2.   PDF
  3.   JavaScript
  4.   PDFjs

PDFjs

 
 

Avoimen lähdekoodin JavaScript-kirjasto PDF-tiedostoille

Lisää merkintöjä, kuvaa ja tekstiä PDF-tiedostoihin avoimen lähdekoodin ilmaisen JavaScript-kirjaston kautta.

Mikä on PDFjs?

PDFjs on avoimen lähdekoodin PDF (Portable Document Format) -sukupolvikirjasto, joka sopii parhaiten palvelin- ja asiakaspuolen sovellusten kehittämiseen. PDF on suosittu kaikkialla maailmassa, ja useat yritykset käyttävät sitä asiakirjojen tai raporttien luomiseen ja jakamiseen eri puolilla maailmaa. PDFjs-kirjaston avulla tarvitset vain muutaman komennon päästäksesi käsiksi ja uudelleen käyttämään PDF-dokumentteja omissa sovelluksissasi.

Kirjastossa on tuki useille havaittaville ominaisuuksille, kuten PDF-dokumenttien luomiseen, muotojen piirtämiseen PDF-tiedostoihin, ylä- ja alatunnistetukeen, taulukoiden lisääminen PDF-tiedostoon, AFM-fonttien ja OTF-kirjasinten upottaminen, kuvien lisääminen PDF-sivuille, PDF-yhdistäminen, sivujen lisääminen PDF-tiedostoihin. PDF, tekstin lisääminen ja näyttäminen, PDF:n vieminen muihin tiedostomuotoihin ja paljon muuta.

Previous Next

PDFjs:n käytön aloittaminen

Suositeltava ja helpoin tapa asentaa PDFjs-kirjasto on npm, käytä seuraavaa komentoa saavuttaaksesi sen.

Asenna PDFjs npm:n avulla

 npm install pdfjs

PDF-dokumenttien luominen ilmaisen JavaScript-sovellusliittymän kautta

PDF-dokumentit ovat aina erittäin hyödyllisiä yrityksille ja yksityishenkilöille tietojen tallentamiseen ja jakamiseen keskenään. PDFjs-kirjaston avulla voit helposti luoda ja muokata PDF-dokumentteja sovelluksessasi muutamalla yksinkertaisella komennolla. Kirjaston avulla kehittäjät voivat myös lisätä uusia sivuja, lisätä kuvia, määrittää asiakirjan suunnan ja paljon muuta.

Luo PDF-dokumentteja JavaScript-kirjaston kautta

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' })
}

Luo PDF-merkintöjä ilmaisen JavaScript API:n avulla

Avoimen lähdekoodin PDFjs-kirjasto tukee PDF-dokumenttien luomista merkintöjen avulla. Merkintöjen avulla kehittäjät voivat lisätä mukautettua sisältöä PDF-dokumentteihin. PDF-dokumenteissa voidaan käyttää monenlaisia merkintöjä, kuten tekstiä, viivoja, muistiinpanoja tai muotoja jne. PDFjs-kirjasto tukee täysin ja helpottaa kehittäjien erityyppisten PDF-merkintöjen luomista omissa sovelluksissaan. Seuraavat yksinkertaiset koodirivit voivat lisätä tekstihuomautuksia PDF-dokumentteihin JavaScriptissä.

  1. Sisällytä PDFjs-kirjasto
  2. Lisää tekstimerkintöjä
  3. Vie PDF-dokumentti

Lisää tekstihuomautuksia PDF-tiedostoon - JavaScript

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' })
}

PDF-dokumenttien yhdistäminen

PDFjs-kirjaston avulla ohjelmistokehittäjät voivat ohjelmallisesti yhdistää useita PDF-dokumentteja yhdeksi asiakirjaksi sovellusten sisällä. Kirjaston avulla ohjelmoijat voivat luoda uuden PDF-dokumentin olemassa olevasta, lisätä yhden tietyn sivun ulkoisesta PDF-tiedostosta, toteuttaa kerningin, lisätä kokonaisia sivuja muita PDF-tiedostoja ja paljon muuta. Kirjasto antaa käyttäjille myös mahdollisuuden luoda mukautettuja PDF-raportteja.

Grafiikan lisääminen PDF-dokumentteihin

Grafiikka ja kuvat ovat aina erittäin hyödyllisiä paremman tiedon jakamiseen ja sisältöön lisäarvon lisäämiseen. PDFjs-kirjaston avulla JavaScript-ammattilaiset voivat lisätä haluamaansa grafiikkaa JavaScript-sovelluksiinsa. Voit käyttää PDF-tiedoston sisällä kuvatyyppisiä kuvia, kuten JPEG tai PNG. Voit myös piirtää ellipsin, kolmion, ympyrän jne.

Lisää JPEG PDF-tiedostoon JavaScript-kirjaston kautta

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

Hallitse ylä- ja alatunnisteita PDF-dokumenteissa JavaScriptin avulla

PDFjs-kirjaston avulla JavaScript-kehittäjät voivat hallita ylä- ja alatunnisteita PDF-dokumenteissaan vain parilla koodirivillä. Se on tarjonnut useita tärkeitä ominaisuuksia PDF-otsikoiden ja alatunnisteiden käsittelyyn, kuten sivunumeroiden lisääminen, fontin säätäminen, fontin värin käyttäminen, rivin korkeuden säätäminen, tekstin tasaaminen ja paljon muuta. Seuraava koodiesimerkki näyttää, kuinka ylä- ja alatunniste lisätään PDF-tiedostoon.

Lisää JPEG PDF-tiedostoon JavaScript-kirjaston kautta

 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 })
    }
 Suomen