Perpustakaan JavaScript Pengaturcaraan PDF Deklaratif
Pustaka Sumber Percuma & Terbuka untuk menjana dokumen PDF dengan mengisytiharkan struktur PDF dalam JavaScript.
Apakah pdfmake?
Pdfmake ialah perpustakaan JavaScript berguna yang percuma dan sumber terbuka, menjadikannya alat yang hebat untuk memudahkan proses mencipta dokumen PDF dalam aplikasi web. Anda boleh mengisytiharkan struktur dokumen PDF dengan mentakrifkan teks, imej, jadual dsb. dengan gaya untuk digunakan dan pdfmake akan menguruskan selebihnya untuk mencipta PDF dengan gaya visual yang anda perlukan seperti yang ditunjukkan di bawah:
Berikut adalah beberapa ciri utama pdfmake:
- Membuat PDF: Pdfmake membolehkan anda membuat dokumen PDF daripada data berstruktur, membolehkan penjanaan laporan, invois, borang dan jenis dokumen lain dengan mudah.
- Menambah Jadual: Pdfmake membolehkan anda dengan mudah, mereka bentuk dan memasukkan jadual ke dalam PDF anda, menjadikan paparan data jadual dan mengekalkan reka letak berstruktur mudah.
- Menambah Imej: Pdfmake membenarkan untuk memasukkan imej dalam dokumen PDF anda, menjadikannya mungkin untuk memasukkan logo, grafik atau gambar untuk meningkatkan daya tarikan visual.
- Menambah Kata Laluan: Pdfmake menyokong penambahan perlindungan kata laluan pada PDF anda, membantu untuk mendapatkan maklumat sensitif dengan memerlukan kata laluan untuk akses dokumen.
Bermula dengan pdfmake
Kami boleh memuat turun perpustakaan pdfmake menggunakan modul npm:
Anda boleh menggunakan modul npm jika anda menggunakan npm sebagai pengurus pakej anda:
Pasang menggunakan NPM
npm install pdfmake
Sebagai alternatif, kami boleh memuatkannya daripada CDN seperti di bawah:
- https://cdnjs.cloudflare.com/ajax/libs/pdfmake /0.2.7/pdfmake.js
- https://cdnjs.cloudflare.com/ajax/libs/pdfmake /0.2.7/vfs_fonts.js
Mencipta Dokumen PDF
Kita boleh mencipta dokumen PDF menggunakan pendekatan deklaratif perpustakaan pdfmake. Kami juga boleh menambah kandungan seperti teks dan hiperpautan dengan penggayaan seperti yang ditunjukkan dalam contoh di bawah:
Output berikut memaparkan dokumen PDF yang dijana:
Mencipta PDF dengan Jadual
Kita boleh membuat PDF dan menambah jadual pada PDF menggunakan perpustakaan pdfmake. Dalam contoh ini, kami akan menggunakan arahan jadual untuk membuat jadual, mengkonfigurasi tetapan jadual dan menambah data seperti tajuk dan nilai jadual seperti yang ditunjukkan di bawah:
Tangkapan skrin output di bawah memaparkan dokumen PDF dengan jadual ditambah kepadanya:
Mencipta PDF dengan Imej
Kami juga boleh membuat PDF dan menambah imej pada PDF menggunakan pendekatan deklaratif perpustakaan pdfmake. Kami menggunakan arahan imej untuk menambah imej tetapi kami tidak boleh menggunakan imej secara langsung daripada sistem fail tempatan kami. Untuk menggunakan imej, kita perlu menyalin imej ke Sistem Fail Maya (VFS) yang disediakan oleh perpustakaan pdfmake seperti yang ditunjukkan dalam coretan kod di bawah:
Tangkapan skrin berikut menunjukkan dokumen PDF yang dibuat dengan imej:
Mencipta Dokumen PDF yang Dilindungi Kata Laluan
Anda juga boleh membuat dokumen PDF yang dilindungi kata laluan menggunakan arahan userPassword perpustakaan pdfmake yang akan menyekat akses pengguna yang tidak dibenarkan kepada Dokumen PDF. Semak coretan kod di bawah untuk butiran:
Apabila membuka dokumen PDF yang dijana, gesaan kata laluan akan ditunjukkan seperti di bawah:
Kesimpulan
Kesimpulannya, pdfmake ialah perpustakaan JavaScript yang mudah digunakan dengan keupayaan penjanaan PDF melalui pendekatan deklaratif menggunakan objek definisi dokumen sebagai arahan.