Pustaka JavaScript Sumber Terbuka untuk Pemrosesan Gambar
JavaScript API untuk menerapkan berbagai efek pada gambar menggunakan berbagai jenis filter seperti gaussian, greyscale, highpass, invert, laplacian, mirror,RGB, Roberts, saturasi & lainnya.
Lena.js adalah pustaka pemrosesan gambar ringan yang sangat sederhana yang memungkinkan pengembang perangkat lunak bekerja dengan berbagai jenis gambar dari dalam aplikasi JavaScript mereka. Ini adalah perpustakaan JavaScript murni yang dapat bekerja pada Node serta di browser tanpa ketergantungan eksternal. Perpustakaan adalah open source dan tersedia di bawah lisensi MIT. Pustaka tidak terlalu bagus dengan gambar berat di dalam browser tetapi sangat efisien untuk manipulasi gambar kecil.
Lena.js sangat mudah digunakan dan dapat menerapkan berbagai efek pada gambar. Filter gambar memungkinkan aplikasi perangkat lunak untuk menerapkan efek berbeda pada gambar hanya dengan satu klik. Library ini telah menyertakan dukungan untuk beberapa filter gambar penting, beberapa yang penting adalah gaussian, greyscale, highpass, invert, laplacian, mirror, noise, Prewitt, RGB, Roberts, saturation, sepia, sharpen, dan banyak lagi. Pustaka juga mendukung penerapan beberapa filter ke gambar. Filter disimpan dalam variabel global yang sama LenaJS dan dapat diakses melalui idnya menggunakan kunci atau notasi titik.
Memulai dengan LenaJs
Cara yang disarankan untuk menginstal LenaJs melalui NPM. Silakan gunakan perintah berikut untuk menginstalnya.
Install Lena.Js via NPM
Instal Lena.Js melalui NPM
npm install lena.js --save
Terapkan Filter pada Gambar melalui JavaScript
Pustaka Lena.js open source telah menyediakan serangkaian filter berguna yang dapat digunakan untuk menerapkan berbagai jenis efek pada gambar di dalam aplikasi JavaScript. Pertama, berikan alamat yang benar untuk gambar, lalu pilih filter dari daftar filter yang tersedia. Anda dapat menggunakan metode filterImage dan redrawCanvas untuk menerapkan filter dengan mudah ke gambar yang dipilih. Gambar dan kanvas akan digunakan untuk menerapkan filter.
Menerapkan Beberapa Filter pada Gambar
Pustaka Lena.js memungkinkan pengembang perangkat lunak untuk menerapkan beberapa filter pada gambar mereka di dalam aplikasi JavaScript mereka sendiri. Biasanya, filter tunggal diterapkan pada gambar dengan metode filterImage. Untuk menerapkan beberapa filter ke gambar, Anda perlu menggunakan metode redrawCanvas alih-alih filterImage. Anda harus meneruskan gambar yang sudah dirender dengan filter sebagai argumen pertama dan perlu melewati filter baru sebagai argumen kedua yang akan ditambahkan ke gambar dengan mudah.
Memproses Gambar melalui JavaScript API
Pustaka LenaJs memberi pemrogram perangkat lunak kemampuan untuk menambahkan filter secara terprogram dalam gambar di dalam JavaScript. Menerapkan filter dengan LenaJs cukup sederhana, API menyediakan dua cara untuk menambahkan filter; filterImage() dan redrawCanvas(). Anda perlu memberikan gambar dan kanvas ke metode untuk menerapkan filter. Untuk mendapatkan filter, Anda dapat menggunakan metode LenaJs['filename'] dan menerapkannya ke gambar menggunakan metode filterImage().