1. Produkti
  2.   Attēls
  3.   JavaScript
  4.   Color Thief
 
  

Atvērtā pirmkoda JavaScript bibliotēka attēlu apstrādei

JavaScript API krāsu paletes iegūšanai no attēliem.

Kas ir krāsu zaglis?

Color Thief ir ļoti vienkārša, viegla attēlu apstrādes bibliotēka, kas programmatūras izstrādātājiem ļauj iegūt krāsas no attēliem, izmantojot JavaScript. Tā ir tīra JavaScript bibliotēka, kas var darboties gan mezglā, gan pārlūkprogrammā bez ārējām atkarībām. API Iegūst dominējošo krāsu no attēla. Krāsa tiek atgriezta kā trīs veselu skaitļu masīvs, kas attēlo sarkanās, zaļās un zilās vērtības. Strādājot pārlūkprogrammā, apstrādei ir jāizmanto HTML attēls, savukārt mezgla lietošanas laikā ir jāizmanto attēla URL.

Color Thief pakotnē ir iekļauti vairāki izplatīšanas faili, lai atbalstītu dažādas vides un veidošanas procesus. color-thief.js ir galvenais fails attēlu apstrādei, color-thief.mjs tiek izmantots mūsdienu pārlūkprogrammām, kā arī Webpack un Rollup, un color-thief.umd.js tiek izmantots vienkāršai skripta tagu ielādei.

Previous Next

Darba sākšana ar Color Thief

Ieteicamais Color Thief instalēšanas veids, izmantojot NPM. Lūdzu, izmantojiet šo komandu, lai to instalētu.

Instalējiet Color Thief, izmantojot NPM

 npm i --save colorthief

Iegūstiet krāsas no attēla, izmantojot bezmaksas JavaScript API

Atvērtā pirmkoda Color Thief bibliotēka ļauj JavaScript izstrādātājiem programmatiski iegūt krāsas no attēliem. Lai no attēla iegūtu dominējošo krāsu, API nodrošina metodi getColor(). Metode iegūst dominējošo krāsu no attēla. Krāsa tiek atgriezta kā trīs veselu skaitļu masīvs, kas attēlo sarkanās, zaļās un zilās (RGB) vērtības. Izmantojot šādas divas koda rindiņas, jūs varat viegli iegūt dominējošo krāsu no attēla.

Iegūstiet dominējošo krāsu no attēla

  1. Ielādēt attēlu
  2. Iegūstiet krāsu

Izņemiet krāsu no attēla pakalpojumā Node.js

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

Iegūstiet Color Platte no attēla, izmantojot bezmaksas JavaScript API

Izmantojot API, no attēliem var iegūt arī krāsu paleti Lai no attēla iegūtu krāsu paleti, API nodrošina getPalette() metodi. Metode iegūst paleti no attēla, sagrupējot līdzīgas krāsas. Palete tiek atgriezta kā masīvs, kurā ir krāsas, katra krāsa ir trīs veselu skaitļu masīvs. Izmantojot šīs divas koda rindiņas, no attēla varat viegli iegūt krāsu plati.

Iegūstiet Color Platte no attēla

  1. Ielādēt attēlu
  2. Iegūstiet krāsu plati

Izņemiet krāsu plāksnes attēlu pakalpojumā Node.js

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