Pustaka JavaScript Pemrograman PDF Deklaratif

Apa itu pdfmake?

Pdfmake adalah pustaka JavaScript praktis yang gratis dan bersumber terbuka, menjadikannya alat yang hebat untuk menyederhanakan proses pembuatan dokumen PDF dalam aplikasi web. Anda dapat mendeklarasikan struktur dokumen PDF dengan mendefinisikan teks, gambar, tabel, dsb. beserta gaya yang akan diterapkan dan pdfmake akan mengelola sisanya untuk membuat PDF dengan gaya visual yang Anda perlukan seperti yang ditunjukkan di bawah ini:

Berikut ini adalah beberapa fitur utama pdfmake:

• Membuat PDF: Pdfmake memungkinkan Anda membuat dokumen PDF dari data terstruktur, yang memungkinkan pembuatan laporan, faktur, formulir, dan jenis dokumen lainnya dengan mudah.
• Menambahkan Tabel: Pdfmake memungkinkan Anda untuk dengan mudah mendesain dan menyisipkan tabel ke dalam PDF Anda, sehingga memudahkan dalam menampilkan data tabular dan memelihara tata letak yang terstruktur.
• Menambahkan Gambar: Pdfmake memungkinkan untuk menyertakan gambar dalam dokumen PDF Anda, memungkinkan untuk menggabungkan logo, grafik, atau foto untuk meningkatkan daya tarik visual.
• Menambahkan Kata Sandi: Pdfmake mendukung penambahan perlindungan kata sandi ke PDF Anda, membantu mengamankan informasi sensitif dengan mengharuskan kata sandi untuk mengakses dokumen.

Statistik GitHub

Nama:
Bahasa:
Bintang:
Garpu:
Lisensi:
Repositori terakhir diperbarui pada

Memulai dengan pdfmake

Kita dapat mengunduh pustaka pdfmake menggunakan modul npm:

Instalasi menggunakan NPM

Anda dapat menggunakan modul npm jika Anda menggunakan npm sebagai manajer paket Anda:

npm install pdfmake

Alternatifnya, kita dapat memuatnya dari CDN seperti di bawah ini:

• https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/pdfmake.js
• https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/font_vfs.js

Membuat Dokumen PDF

Kita dapat membuat dokumen PDF menggunakan pendekatan deklaratif pustaka pdfmake. Kita juga dapat menambahkan konten seperti teks dan hyperlink dengan gaya seperti yang ditunjukkan pada contoh di bawah ini:

Keluaran

Output berikut menampilkan dokumen PDF yang dihasilkan:

Membuat PDF dengan Tabel

Kita dapat membuat PDF dan menambahkan tabel ke PDF menggunakan pustaka pdfmake. Dalam contoh ini, kita akan menggunakan perintah table untuk membuat tabel, mengonfigurasi pengaturan tabel, dan menambahkan data seperti judul dan nilai tabel seperti yang ditunjukkan di bawah ini:

Keluaran

Tangkapan layar keluaran di bawah menampilkan dokumen PDF dengan tabel yang ditambahkan ke dalamnya:

Membuat PDF dengan Gambar

Kita juga dapat membuat PDF dan menambahkan gambar ke PDF menggunakan pendekatan deklaratif pustaka pdfmake. Kita menggunakan perintah image untuk menambahkan gambar, tetapi kita tidak dapat langsung menggunakan gambar dari sistem berkas lokal kita. Untuk menggunakan gambar, kita perlu menyalin gambar ke Sistem Berkas Virtual (VFS) yang disediakan oleh pustaka pdfmake seperti yang ditunjukkan dalam cuplikan kode di bawah ini:

Keluaran

Tangkapan layar berikut menunjukkan dokumen PDF yang dibuat dengan gambar:

Membuat Dokumen PDF yang Dilindungi Kata Sandi

Anda juga dapat membuat dokumen PDF yang dilindungi kata sandi menggunakan perintah userPassword dari pustaka pdfmake yang akan membatasi akses pengguna yang tidak berwenang ke Dokumen PDF. Periksa cuplikan kode di bawah ini untuk mengetahui detailnya:

Keluaran

Saat membuka dokumen PDF yang dihasilkan, permintaan kata sandi akan ditampilkan seperti di bawah ini:

Kesimpulan

Kesimpulannya, pdfmake adalah pustaka JavaScript yang mudah digunakan dengan kemampuan pembuatan PDF melalui pendekatan deklaratifnya menggunakan objek definisi dokumen sebagai direktif.

Produk Sejenis