waktu tersisa untuk klaim Potongan harga Rp 300.000 dalam program Membership. Klaim Promo!
Lebih terarah belajar coding melalui Kelas Online dan Interactive Coding Lihat Materi Belajar

Library Javascript untuk Image Processing

Ditulis oleh Yana Permana, dipublikasi pada 10 May 2016 dalam kategori Info
Library Javascript untuk Image Processing - CodePolitan.com

Library JavaScript memungkinkan pengembangan aplikasi berbasis web menjadi semakin mudah, terutama aplikasi web yang menggunakan teknologi AJAX. Kegunaan utama JavaScript adalah untuk menulis fungsi yang ada di dalam bagian halaman HTML dan berinteraksi dengan Document Object Model (DOM) pada halaman web.

Pada kesempatan kali ini, penulis mencoba mengumpulkan library JavaScript untuk kebutuhan image processing. Ini dia.

CamanJS

index

[caption id="attachment_9650" align="alignnone" width="290"]indexafter Contoh tampilan gambar sebelum dan sesudah dimodifikasi menggunakan CamanJS[/caption]

CamanJS merupakan kependekan dari canvas manipulation dalam Javascript. CamanJS mengkombinasikan antarmuka yang sederhana dan mudah digunakan dengan kelebihan teknik mengubah image/canvas secara efisien.

Baca juga: NativeScript, Buat Aplikasi iOS, Android dan Windows Phone dengan JavaScript dan CSS

CamanJS bisa diperluas dengan berbagai filter dan plugin baru. CamanJS menggunakan fungsionalitas array image yang luas, hingga saat ini terus berkembang. CamanJS bisa disebut juga sebagai library independen yang lengkap yang mampu bekerja dengan NodeJS dan penggunaan pada browser pada umumnya.

Contoh penggunaan CamanJS

 Caman('#my-image', function () {
    this.brightness(10);
    this.contrast(30);
    this.sepia(60);
    this.saturation(-30);
    this.render();
  });

Kunjungi situs resminya di http://camanjs.com/

Pixastic

Pixastic adalah library Javascript yang menyediakan berbagai macam operasi pengolahan citra, filter dan efek terhadap image hanya dengan menggunakan Javascript saja.

Demo

[caption id="attachment_9652" align="alignnone" width="1352"]pixastic Contoh penampakan demo Pixastic[/caption]

Lihat demo di http://www.javascriptoo.com/pixastic

Kunjungi akun Githubnya di https://github.com/jseidelin/pixastic

JSFeat

JSFeat adalah library JavaScript yang mengimplementasikan beberapa pengolahan citra dan bisa digunakan secara real time. JSFeat merupakan library open source (MIT License) yang dapat digunakan hampir di semua browser. Jika ingin mencoba demo dengan webcam, gunakan browser yang mendukung WebRTC. Sampai saat ini demo hanya dibatasi untuk versi terbaru browser Chrome desktop.

Chrome untuk Android, Firefox dan IE belum mendukung sepenuhnya API WebRTC. Kita masih bisa menggunakan fitur JSFeat pada browser.

JSFeat tidak hanya menyediakan pengolahan citra sederhana, JSFeat juga menyediakan beberapa pelacakan dan deteksi citra yang mutakhir.

Baca juga: 15 E-Book Gratis tentang Javascript

Operasi dasar pengolahan citra diantaranya:

  • Grayscale
  • Box blur
  • Blur gaussian
  • Histogram
  • Dan masih banyak lagi

Operasi mutakhir yang ditawarkan JSFeat diantaranya:

  • Canny edges
  • Detektor fast corners
  • Lucas-Kanade optical flow
  • Detektor objek Haar
  • Detektor objek BBF

Kunjungi akun Githubnya di https://github.com/inspirit/jsfeat

Referensi: http://camanjs.com http://pixastic.com http://www.i-programmer.info/news/105-artificial-intelligence/5127-jsfeat-javascript-image-processing-library.html


background

Gabung CodePolitan Membership

Ingin belajar coding secara online dengan lebih terarah? Gabung sekarang dalam program Premium Membership di CodePolitan. Dapatkan ratusan modul belajar pemrograman premium dalam beragam format dengan materi silabus lengkap dan tersusun rapi dari awal hingga mahir.

LIHAT MATERI BELAJAR GABUNG MEMBERSHIP