1. produkty
  2.   obraz
  3.   JavaScript
  4.   Color Thief
 
  

Open Source JavaScriptová knihovna pro zpracování obrázků

JavaScript API pro získání palety barev z obrázků.

Co je to Color Thief?

Color Thief je velmi jednoduchá lehká knihovna pro zpracování obrázků, která umožňuje vývojářům softwaru získávat barvy z obrázků pomocí JavaScriptu. Je to čistě JavaScriptová knihovna, která může fungovat na Node i v prohlížeči bez jakýchkoliv externích závislostí. API Získá dominantní barvu z obrázku. Barva je vrácena jako pole tří celých čísel představujících červené, zelené a modré hodnoty. Při práci v prohlížeči je potřeba pro zpracování použít HTML obrázek a při používání Node je potřeba použít URL obrázku.

Balíček Color Thief obsahuje několik distribučních souborů pro podporu různých prostředí a procesů sestavování. color-thief.js je hlavní soubor pro zpracování obrázků, color-thief.mjs se používá pro moderní prohlížeče, stejně jako Webpack a Rollup, a color-thief.umd.js se používá pro jednoduché načítání značek skriptů.

Previous Next

Začínáme s Color Thief

Doporučený způsob instalace Color Thief přes NPM. K instalaci použijte následující příkaz.

Nainstalujte Color Thief přes NPM

 npm i --save colorthief

Získejte barvy z obrázku přes bezplatné JavaScript API

Open-source knihovna Color Thief umožňuje vývojářům JavaScriptu programově extrahovat barvy z obrázků. Aby bylo možné z obrázku získat dominantní barvu, poskytuje API metodu getColor(). Metoda získá dominantní barvu z obrázku. Barva je vrácena jako pole tří celých čísel představujících hodnoty červené, zelené a modré (RGB). Pomocí následujících dvou řádků kódu snadno získáte dominantní barvu z obrázku.

Získejte dominantní barvu z obrázku

  1. Načíst obrázek
  2. Získejte barvu

Extrahujte barvu z obrázku v Node.js

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

Získejte Color Platte z obrázku prostřednictvím bezplatného JavaScript API

Pomocí API můžete také získat barevnou paletu z obrázků Abyste získali barevnou paletu z obrázku, API poskytuje metodu getPalette(). Metoda získá paletu z obrázku shlukováním podobných barev. Paleta je vrácena jako pole obsahující barvy, přičemž každá barva sama o sobě je polem tří celých čísel. Pomocí následujících dvou řádků kódu můžete snadno získat barevnou destičku z obrázku.

Získejte barevný talíř z obrázku

  1. Načíst obrázek
  2. Získejte barevný talíř

Extrahujte obrázek barevné destičky v Node.js

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