Pustaka JavaScript Sumber Terbuka untuk File PDF

Memulai dengan PDFjs

Rekomendasi dan cara termudah untuk menginstal perpustakaan PDFjs menggunakan npm, silakan gunakan perintah berikut untuk mencapainya.

 npm install pdfjs 

Pembuatan Dokumen PDF melalui API JavaScript Gratis

Dokumen PDF selalu sangat berguna bagi perusahaan dan individu untuk menyimpan dan berbagi informasi satu sama lain. Pustaka PDFjs memudahkan Anda membuat dan memodifikasi dokumen PDF di dalam aplikasi Anda hanya dengan beberapa perintah sederhana. Pustaka juga memfasilitasi pengembang untuk menambahkan halaman baru, menyisipkan gambar, menentukan orientasi dokumen, dan banyak lagi.

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

Buat Anotasi PDF melalui API JavaScript Gratis

Pustaka PDFjs open source mendukung pembuatan dokumen PDF dengan Anotasi. Anotasi memungkinkan pengembang menambahkan konten khusus di dalam dokumen PDF. Ada berbagai macam anotasi yang dapat digunakan dalam dokumen PDF, seperti teks, garis, catatan atau bentuk, dll. Pustaka PDFjs mendukung penuh dan memudahkan pengembang untuk membuat berbagai jenis anotasi PDF di dalam aplikasi mereka sendiri. Baris kode sederhana berikut dapat menambahkan anotasi teks dalam dokumen PDF dalam JavaScript.

1. Sertakan Perpustakaan PDFjs
2. Tambahkan Anotasi Teks
3. Ekspor dokumen PDF

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

Menggabungkan Dokumen PDF

Pustaka PDFjs memungkinkan pengembang perangkat lunak untuk secara terprogram menggabungkan banyak dokumen PDF ke dalam satu dokumen di dalam aplikasi mereka. Pustaka memungkinkan pemrogram untuk menghasilkan dokumen PDF baru dari yang sudah ada, menambahkan satu halaman tertentu dari PDF eksternal, menerapkan kerning, menambahkan seluruh halaman PDF lain, dan banyak lagi. Perpustakaan juga memberi pengguna kemampuan untuk membuat laporan PDF khusus.

Menambahkan Grafik ke Dokumen PDF

Grafik dan gambar selalu sangat berguna untuk berbagi informasi yang lebih baik dan menambahkan nilai lebih pada sebuah konten. Pustaka PDFjs memfasilitasi profesional JavaScript untuk memasukkan grafik pilihan mereka ke dalam aplikasi JavaScript mereka. Anda dapat menggunakan gambar jenis gambar seperti JPEG atau PNG di dalam file PDF. Anda juga dapat menggambar elips, segitiga, lingkaran, dll.

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

Kelola Header & Footer dalam Dokumen PDF melalui JavaScript

Pustaka PDFjs memfasilitasi pengembang JavaScript untuk mengelola header & footer di dalam Dokumen PDF mereka hanya dengan beberapa baris kode. Ini telah menyediakan beberapa fitur penting untuk menangani header & footer PDF seperti menambahkan nomor halaman, menyesuaikan font, menerapkan warna font, menyesuaikan tinggi baris, menerapkan perataan teks, dan banyak lagi. Contoh kode berikut menunjukkan cara menambahkan header & footer di dalam file PDF.

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