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

Perpustakaan JavaScript Sumber Terbuka untuk Pemprosesan Imej

API JavaScript untuk mengambil palet warna daripada imej.

Apakah Pencuri Warna?

Color Thief ialah perpustakaan pemprosesan imej ringan yang sangat ringkas yang membolehkan pembangun perisian merebut warna daripada imej menggunakan JavaScript. Ia adalah perpustakaan JavaScript tulen yang boleh berfungsi pada Node serta dalam pelayar tanpa sebarang kebergantungan luaran. API Mendapat warna dominan daripada imej. Warna dikembalikan sebagai tatasusunan tiga integer yang mewakili nilai merah, hijau dan biru. Semasa bekerja dalam penyemak imbas, anda perlu menggunakan imej HTML untuk pemprosesan dan semasa menggunakan Nod anda perlu menggunakan URL imej tersebut.

Pakej Color Thief termasuk berbilang fail pengedaran untuk menyokong persekitaran yang berbeza dan proses membina. color-thief.js ialah fail utama untuk memproses imej, color-thief.mjs digunakan untuk penyemak imbas moden serta Webpack dan Rollup, dan color-thief.umd.js digunakan untuk pemuatan teg skrip mudah.

Previous Next

Bermula dengan Color Thief

Cara yang disyorkan untuk memasang Color Thief melalui NPM. Sila gunakan arahan berikut untuk memasangnya.

Pasang Color Thief melalui NPM

 npm i --save colorthief

Dapatkan Warna daripada Imej melalui API JavaScript Percuma

Pustaka Color Thief sumber terbuka membolehkan pembangun JavaScript mengekstrak warna daripada imej secara pemrograman. Untuk mendapatkan warna dominan daripada imej, API menyediakan kaedah getColor(). Kaedah ini mendapat warna dominan daripada imej. Warna dikembalikan sebagai tatasusunan tiga integer yang mewakili nilai merah, hijau dan biru (RGB). Dengan menggunakan dua baris kod berikut, anda boleh mendapatkan warna dominan daripada imej dengan mudah.

Dapatkan Warna Dominan daripada Imej

  1. Muatkan imej
  2. Dapatkan warna

Ekstrak warna daripada imej dalam 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 daripada Imej melalui API JavaScript Percuma

Menggunakan API, anda juga boleh mendapatkan palet warna daripada imej Untuk mendapatkan palet warna daripada imej, API menyediakan kaedah getPalette(). Kaedah ini mendapat palet daripada imej dengan mengelompokkan warna yang serupa. Palet dikembalikan sebagai tatasusunan yang mengandungi warna, setiap warna itu sendiri tatasusunan tiga integer. Dengan menggunakan dua baris kod berikut, anda boleh mendapatkan plat warna dengan mudah daripada imej.

Dapatkan Plat Warna daripada Imej

  1. Muatkan imej
  2. Dapatkan pinggan berwarna

Ekstrak imej plat warna dalam Node.js

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