1. Produkter
  2.   Bilde
  3.   JavaScript
  4.   Color Thief
 
  

Open Source JavaScript-bibliotek for bildebehandling

JavaScript-API for å hente fargepalett fra bilder.

Hva er Color Thief?

Color Thief er et veldig enkelt, lett bildebehandlingsbibliotek som gjør det mulig for programvareutviklere å hente farger fra bilder ved hjelp av JavaScript. Det er et rent JavaScript-bibliotek som kan fungere på Node så vel som i nettleseren uten noen eksterne avhengigheter. API Henter den dominerende fargen fra bildet. Farge returneres som en matrise med tre heltall som representerer røde, grønne og blå verdier. Mens du arbeider i nettleseren, må du bruke et HTML-bilde for behandling og mens du bruker noden må du bruke URL-en til bildet.

Color Thief-pakken inkluderer flere distribusjonsfiler for å støtte ulike miljøer og byggeprosesser. color-thief.js er hovedfilen for å behandle bildene, color-thief.mjs brukes for moderne nettlesere samt Webpack og Rollup, og color-thief.umd.js brukes for enkel script-tag-lasting.

Previous Next

Komme i gang med Color Thief

Den anbefalte måten å installere Color Thief på via NPM. Bruk følgende kommando for å installere den.

Installer Color Thief via NPM

 npm i --save colorthief

Få farger fra bilde via gratis JavaScript API

Color Thief-biblioteket med åpen kildekode lar JavaScript-utviklere trekke ut farger fra bildene programmatisk. For å få den dominerende fargen fra bildet, gir API-en getColor()-metoden. Metoden får den dominerende fargen fra bildet. Farge returneres som en matrise med tre heltall som representerer røde, grønne og blå (RGB) verdier. Ved å bruke følgende to kodelinjer kan du enkelt få den dominerende fargen fra bildet.

Få dominerende farge fra bilde

  1. Last inn bildet
  2. Få farge

Trekk ut farge fra bildet i Node.js

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

Få Color Platte fra Image via gratis JavaScript API

Ved å bruke API kan du også få en fargepalett fra bildene For å få en fargepalett fra bildet, gir APIen getPalette() metoden. Metoden får en palett fra bildet ved å gruppere lignende farger. Paletten returneres som en matrise som inneholder farger, hver farge i seg selv en matrise med tre heltall. Ved å bruke følgende to kodelinjer kan du enkelt få fargeplate fra bildet.

Få fargeplate fra Image

  1. Last inn bildet
  2. Få fargeplate

Pakk ut fargeplatebilde i Node.js

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