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

PDFjs

 
 

Pustaka JavaScript Sumber Terbuka untuk Fail PDF

Tambahkan Anotasi, Imej & Teks pada PDF melalui Pustaka JavaScript Percuma Sumber Terbuka.

Apakah PDFjs?

PDFjs ialah pustaka penjanaan Format Dokumen Mudah Alih (PDF) sumber terbuka yang paling sesuai untuk pembangunan aplikasi sisi pelayan dan klien. PDF popular di seluruh dunia dan beberapa syarikat menggunakannya untuk membuat & berkongsi dokumen atau laporan di seluruh dunia. Dengan bantuan perpustakaan PDFjs, anda hanya memerlukan beberapa arahan untuk mengakses dan menggunakan semula dokumen PDF di dalam aplikasi anda sendiri.

Perpustakaan telah menggabungkan sokongan untuk beberapa ciri ketara, seperti penciptaan dokumen PDF, melukis bentuk ke PDF, sokongan pengepala dan pengaki, menambah jadual pada PDF, fon AFM & pembenaman fon OTF, sisipan imej ke halaman PDF, penggabungan PDF, menambah halaman ke PDF, memasukkan & memaparkan teks, mengeksport PDF ke format fail lain dan banyak lagi.

Previous Next

Bermula dengan PDFjs

Cara yang disyorkan dan paling mudah untuk memasang perpustakaan PDFjs adalah menggunakan npm, sila gunakan arahan berikut untuk mencapainya.

Pasang PDFjs menggunakan npm

 npm install pdfjs 

Penciptaan Dokumen PDF melalui API JavaScript Percuma

Dokumen PDF sentiasa sangat berguna untuk syarikat dan individu untuk menyimpan dan berkongsi maklumat antara satu sama lain. Pustaka PDFjs memudahkan anda menjana dan mengubah suai dokumen PDF di dalam aplikasi anda dengan hanya beberapa arahan mudah. Perpustakaan ini juga memudahkan pembangun menambah halaman baharu, memasukkan imej, menentukan orientasi dokumen dan banyak lagi.

Cipta Dokumen PDF melalui Perpustakaan 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' })
}

Cipta Anotasi PDF melalui API JavaScript Percuma

Pustaka PDFjs sumber terbuka menyokong pembuatan dokumen PDF dengan Anotasi. Anotasi membenarkan pembangun menambah kandungan tersuai di dalam dokumen PDF. Terdapat pelbagai jenis anotasi yang boleh digunakan dalam dokumen PDF, seperti teks, garisan, nota atau bentuk, dsb. Pustaka PDFjs menyokong sepenuhnya dan memudahkan pembangun mencipta pelbagai jenis anotasi PDF dalam aplikasi mereka sendiri. Baris kod ringkas berikut boleh menambah anotasi teks dalam dokumen PDF dalam JavaScript.

  1. Sertakan Perpustakaan PDFjs
  2. Tambah Anotasi Teks
  3. Eksport dokumen PDF

Tambah Anotasi Teks dalam PDF - 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' })
}
        

Menggabungkan Dokumen PDF

Pustaka PDFjs membolehkan pembangun perisian menggabungkan banyak dokumen PDF secara pemrograman ke dalam satu dokumen di dalam apl mereka. Perpustakaan ini membolehkan pengaturcara menjana dokumen PDF baharu daripada yang sedia ada, menambah satu halaman khusus PDF luaran, melaksanakan kerning, menambah keseluruhan halaman PDF lain dan banyak lagi. Perpustakaan juga memberi pengguna keupayaan untuk membuat laporan PDF tersuai.

Menambah Grafik pada Dokumen PDF

Grafik dan imej sentiasa sangat berguna untuk berkongsi maklumat yang lebih baik dan menambah lebih nilai pada sesuatu kandungan. Pustaka PDFjs memudahkan profesional JavaScript untuk memasukkan grafik pilihan mereka di dalam aplikasi JavaScript mereka. Anda boleh menggunakan jenis imej imej seperti JPEG atau PNG di dalam fail PDF. Anda juga boleh melukis elips, segitiga, bulatan, dll.

Tambahkan JPEG ke PDF melalui Perpustakaan JavaScript

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

Urus Pengepala & Pengaki dalam Dokumen PDF melalui JavaScript

Pustaka PDFjs memudahkan pembangun JavaScript mengurus pengepala & pengaki di dalam Dokumen PDF mereka dengan hanya beberapa baris kod. Ia telah menyediakan beberapa ciri penting untuk mengendalikan pengepala & pengaki PDF seperti menambah nombor halaman, melaraskan fon, menggunakan warna fon, melaraskan ketinggian baris, menggunakan penjajaran teks dan banyak lagi. Contoh kod berikut menunjukkan cara menambah pengepala & pengaki di dalam fail PDF.

Tambahkan JPEG ke PDF melalui Perpustakaan JavaScript

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