Pustaka Anotasi PDF JavaScript Sumber Terbuka

Apa itu PDFKit?

PDFKit adalah pustaka JavaScript gratis dan sumber terbuka untuk menambahkan anotasi seperti tautan, teks yang dicoret, dan catatan interaktif ke berkas PDF. Hal penting yang perlu diperhatikan adalah: PDFKit tidak memungkinkan pembukaan atau penyuntingan dokumen PDF yang sudah ada jadi, Anda tidak dapat menambahkan anotasi ke dokumen PDF yang sudah ada, tetapi Anda dapat membuat berkas PDF dari awal menggunakan pustaka PDFKit lalu menambahkan anotasi ke berkas tersebut.

Berikut ini 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 dalam PDF 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 memasang pustaka PDFKit menggunakan pengelola paket npm. Cukup ketik perintah berikut setelah memasang npm.

npm install pdfkit

Tambahkan Anotasi Tautan ke PDF

Kita dapat menambahkan hyperlink dalam dokumen PDF menggunakan fitur anotasi tautan dari pustaka PDFKit. Kita menyediakan koordinat X dan Y, serta tinggi dan lebar teks, beserta tautan 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 pustaka PDFKit. Fungsi moveTo menempatkan kursor di titik awal garis, dan fungsi lineTo digunakan untuk menggambar garis dari titik awal tersebut hingga akhir teks yang akan dicoret. Lihat 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

Kita dapat menambahkan catatan interaktif ke dokumen PDF kita, sehingga lebih menarik bagi pembaca. Catatan interaktif ini ditampilkan sebagai ikon di dalam PDF, dan saat pengguna mengarahkan kursor ke atasnya, catatan tersebut akan menampilkan konten pop-up. 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 pustaka JavaScript gratis untuk menambahkan anotasi ke dokumen PDF. Pustaka ini menyediakan cara yang mudah diakses dan ramah pengguna untuk menambahkan anotasi.

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

Produk Sejenis