Perpustakaan Anotasi PDF JavaScript Sumber Terbuka

Apa itu PDFKit?

PDFKit adalah pustaka JavaScript sumber terbuka dan gratis untuk menambahkan anotasi seperti tautan, teks yang dicoret, dan catatan interaktif ke file PDF. Hal penting yang perlu diperhatikan adalah: PDFKit tidak mengizinkan pembukaan atau pengeditan dokumen PDF yang ada jadi, Anda tidak dapat menambahkan anotasi ke dokumen PDF yang ada, namun Anda dapat membuat file PDF dari awal menggunakan pustaka PDFKit lalu menambahkan anotasi ke mereka.

Berikut adalah beberapa fitur anotasi utama PDFKit:

• Menambahkan Tautan: PDFKit memungkinkan Anda menyertakan tautan yang dapat diklik dalam dokumen PDF Anda.
• Menambahkan Teks yang Dicoret: Anda dapat menerapkan efek coretan pada teks di PDF Anda yang dibuat dengan PDFKit.
• Menambahkan Catatan: PDFKit memungkinkan Anda memasukkan anotasi catatan interaktif ke dalam dokumen PDF Anda.

Statistik GitHub

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

Memulai dengan PDFKit

Anda dapat menginstal perpustakaan PDFKit menggunakan manajer paket npm. Cukup ketikkan perintah berikut setelah menginstal npm.

npm install pdfkit

Tambahkan Anotasi Tautan ke PDF

Kita dapat menambahkan hyperlink dalam dokumen PDF menggunakan fitur anotasi tautan pada perpustakaan PDFKit. Kami menyediakan koordinat X dan Y, serta tinggi dan lebar teks, beserta link untuk menjadikannya hyperlink menggunakan fungsi link seperti yang ditunjukkan dalam cuplikan kode di bawah ini:

Keluaran

Output berikut menampilkan dokumen PDF yang berisi hyperlink:

Tambahkan Teks yang Dicoret ke PDF

Kita dapat menambahkan teks yang dicoret ke dokumen PDF menggunakan fungsi moveTo dan lineTo yang disediakan oleh perpustakaan PDFKit. Fungsi moveTo menempatkan kursor pada titik awal garis, dan fungsi lineTo digunakan untuk menggambar garis dari titik awal hingga akhir teks yang akan dicoret. Periksa cuplikan kode di bawah ini untuk detailnya:

Keluaran

Tangkapan layar keluaran menampilkan dokumen PDF dengan teks yang dicoret ditambahkan ke dalamnya.

Tambahkan Catatan Interaktif ke PDF

Kami dapat menambahkan catatan interaktif ke dokumen PDF kami, membuatnya lebih menarik bagi pembaca. Catatan interaktif ini ditampilkan sebagai ikon dalam PDF, dan ketika pengguna mengarahkan kursor ke catatan tersebut, konten pop-up akan ditampilkan. Anda memiliki kendali penuh atas penempatan dan dimensinya, menyesuaikan koordinat X, Y, tinggi dan lebar sesuai kebutuhan. Coba cuplikan kode di bawah ini untuk menambahkan catatan interaktif ke PDF:

Keluaran

Tangkapan layar berikut menunjukkan dokumen PDF dengan catatan interaktif yang ditambahkan ke dalamnya:

Dan ketika kita mengarahkan kursor ke ikon kuning, catatan lengkapnya akan ditampilkan seperti di bawah ini:

Kesimpulan

Kesimpulannya, PDFKit adalah perpustakaan JavaScript gratis untuk menambahkan anotasi ke dokumen PDF. Ini memberikan cara yang mudah diakses dan ramah pengguna untuk menambahkan anotasi.

Meskipun PDFKit unggul dalam banyak bidang, penting untuk dicatat bahwa fungsi goTo tidak berfungsi seperti yang diharapkan. Selain itu, fungsi note dapat menimbulkan spasi tambahan pada konten, yang dapat menyebabkan hasil yang tidak diinginkan. Selain itu, seperti yang telah disebutkan sebelumnya, kita hanya dapat menambahkan anotasi ke dokumen PDF baru (dan bukan PDF yang sudah ada) yang dibuat dengan PDFKit. Ketidakkonsistenan ini mungkin menimbulkan pertanyaan tentang kesesuaiannya untuk tugas-tugas otomatis. Namun, PDFKit tetap menjadi alat yang berharga untuk anotasi manual dan penyesuaian dokumen.

Produk Sejenis