1. Produktai
  2.   Vaizdas
  3.   JavaScript
  4.   Color Thief
 
  

Atvirojo kodo JavaScript biblioteka vaizdo apdorojimui

„JavaScript“ API, skirta spalvų paletei paimti iš vaizdų.

Kas yra spalvų vagis?

„Color Thief“ yra labai paprasta lengva vaizdo apdorojimo biblioteka, leidžianti programinės įrangos kūrėjams patraukti spalvas iš vaizdų naudojant „JavaScript“. Tai gryna „JavaScript“ biblioteka, kuri gali veikti „Node“ ir naršyklėje be jokių išorinių priklausomybių. API Gauna dominuojančią vaizdo spalvą. Spalva grąžinama kaip trijų sveikųjų skaičių masyvas, reiškiantis raudoną, žalią ir mėlyną reikšmes. Dirbdami naršyklėje, apdorojimui turite naudoti HTML vaizdą, o naudodami mazgą – vaizdo URL adresą.

„Color Thief“ pakete yra keli platinimo failai, skirti palaikyti skirtingas aplinkas ir kurti procesus. color-thief.js yra pagrindinis failas vaizdams apdoroti, color-thief.mjs naudojamas šiuolaikinėms naršyklėms, taip pat Webpack ir Rollup, o color-thief.umd.js naudojamas paprastam scenarijaus žymos įkėlimui.

Previous Next

Darbo su Color Thief pradžia

Rekomenduojamas būdas įdiegti Color Thief per NPM. Norėdami ją įdiegti, naudokite šią komandą.

Įdiekite „Color Thief“ per NPM

 npm i --save colorthief

Gaukite spalvas iš vaizdo per nemokamą JavaScript API

Atvirojo kodo „Color Thief“ biblioteka leidžia „JavaScript“ kūrėjams programiškai išgauti spalvas iš vaizdų. Norint gauti dominuojančią vaizdo spalvą, API suteikia metodą getColor(). Metodas gauna dominuojančią spalvą iš vaizdo. Spalva grąžinama kaip trijų sveikųjų skaičių masyvas, reiškiantis raudoną, žalią ir mėlyną (RGB) reikšmes. Naudodami šias dvi kodo eilutes galite lengvai gauti dominuojančią vaizdo spalvą.

Gaukite dominuojančią spalvą iš vaizdo

  1. Įkelti vaizdą
  2. Gaukite spalvą

Ištraukite spalvą iš vaizdo Node.js

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

Gaukite „Color Platte“ iš vaizdo per nemokamą „JavaScript“ API

Naudodami API taip pat galite gauti spalvų paletę iš vaizdų Norėdami gauti spalvų paletę iš vaizdo, API suteikia getPalette() metodą. Metodas gauna paletę iš vaizdo, sugrupuodamas panašias spalvas. Paletė grąžinama kaip spalvų masyvas, kiekviena spalva yra trijų sveikųjų skaičių masyvas. Naudodami šias dvi kodo eilutes, galite lengvai gauti spalvų plokštę iš vaizdo.

Gaukite Color Platte iš vaizdo

  1. Įkelti vaizdą
  2. Gaukite spalvotą plokštę

Išskleiskite spalvotos plokštės vaizdą iš Node.js

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