![](https://products-qa.fileformat.com/fi/pdf/javascript/pdfjs/header-image.png)
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.
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ä.
- Sisällytä PDFjs-kirjasto
- Lisää tekstimerkintöjä
- 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 })
}