1. Produk
  2.   Gambar
  3.   JavaScript
  4.   Color Thief
 
  

Pustaka JavaScript Sumber Terbuka untuk Pemrosesan Gambar

JavaScript API untuk mengambil palet warna dari gambar.

Apa itu Pencuri Warna?

Color Thief adalah pustaka pemrosesan gambar ringan yang sangat sederhana yang memungkinkan pengembang perangkat lunak untuk mengambil warna dari gambar menggunakan JavaScript. Ini adalah perpustakaan JavaScript murni yang dapat bekerja pada Node serta di dalam browser tanpa ketergantungan eksternal. API Mendapatkan warna dominan dari gambar. Warna dikembalikan sebagai larik tiga bilangan bulat yang mewakili nilai merah, hijau, dan biru. Saat bekerja di browser, Anda perlu menggunakan gambar HTML untuk diproses dan saat menggunakan Node Anda perlu menggunakan URL gambar.

Paket Pencuri Warna mencakup beberapa file distribusi untuk mendukung lingkungan yang berbeda dan proses pembangunan. color-thief.js adalah file utama untuk memproses gambar, color-thief.mjs digunakan untuk browser modern serta Webpack dan Rollup, dan color-thief.umd.js digunakan untuk memuat tag skrip sederhana.

Previous Next

Memulai dengan Pencuri Warna

Cara yang disarankan untuk menginstal Color Thief melalui NPM. Silakan gunakan perintah berikut untuk menginstalnya.

Install Color Thief via NPM

Instal Pencuri Warna melalui NPM

 npm i --save colorthief

Dapatkan Warna dari Gambar melalui API JavaScript Gratis

Pustaka Pencuri Warna open-source memungkinkan pengembang JavaScript untuk mengekstrak warna dari gambar secara terprogram. Untuk mendapatkan warna dominan dari gambar, API menyediakan metode getColor(). Metode tersebut mendapatkan warna dominan dari citra. Warna dikembalikan sebagai larik tiga bilangan bulat yang mewakili nilai merah, hijau, dan biru (RGB). Dengan menggunakan dua baris kode berikut, Anda dapat dengan mudah mendapatkan warna dominan dari gambar.

Dapatkan Warna Dominan dari Gambar

  1. Muat gambar
  2. Dapatkan warna

Ekstrak warna dari gambar di Node.js

const img = resolve(process.cwd(), 'rainbow.png');
ColorThief.getColor(img)
.then(color => { console.log(color) })
.catch(err => { console.log(err) })

Dapatkan Plat Warna dari Gambar melalui API JavaScript Gratis

Menggunakan API, Anda juga bisa mendapatkan palet warna dari gambar Untuk mendapatkan palet warna dari gambar, API menyediakan metode getPalette(). Metode ini mendapatkan palet dari gambar dengan mengelompokkan warna yang serupa. Palet dikembalikan sebagai larik yang berisi warna, setiap warna itu sendiri merupakan larik tiga bilangan bulat. Dengan menggunakan dua baris kode berikut, Anda dapat dengan mudah mendapatkan plat warna dari gambar.

Dapatkan Plat Warna dari Gambar

  1. Muat gambar
  2. Dapatkan piring warna

Ekstrak gambar plat warna di Node.js

const img = resolve(process.cwd(), 'rainbow.png');
ColorThief.getPalette(img, 5)
.then(palette => { console.log(palette) })
.catch(err => { console.log(err) })
 Indonesia