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

JavaScript-bibliotek med öppen källkod för bildbehandling

JavaScript API för att fånga färgpalett från bilder.

Vad är Color Thief?

Color Thief är ett mycket enkelt och lätt bildbehandlingsbibliotek som gör det möjligt för mjukvaruutvecklare att ta färg från bilder med hjälp av JavaScript. Det är ett rent JavaScript-bibliotek som kan fungera på Node såväl som i webbläsaren utan några externa beroenden. API:n Får den dominerande färgen från bilden. Färg returneras som en matris med tre heltal som representerar röda, gröna och blå värden. När du arbetar i webbläsaren måste du använda en HTML-bild för bearbetning och när du använder noden måste du använda bildens URL.

Color Thief-paketet innehåller flera distributionsfiler för att stödja olika miljöer och bygga processer. color-thief.js är huvudfilen för att bearbeta bilderna, color-thief.mjs används för moderna webbläsare samt Webpack och Rollup, och color-thief.umd.js används för enkel skripttaggladdning.

Previous Next

Komma igång med Color Thief

Det rekommenderade sättet att installera Color Thief via NPM. Använd följande kommando för att installera det.

Installera Color Thief via NPM

 npm i --save colorthief

Få färger från bild via gratis JavaScript API

Color Thief-biblioteket med öppen källkod låter JavaScript-utvecklare extrahera färger från bilderna programmatiskt. För att få den dominerande färgen från bilden tillhandahåller API:et getColor()-metoden. Metoden får den dominerande färgen från bilden. Färg returneras som en matris med tre heltal som representerar röda, gröna och blå (RGB) värden. Genom att använda följande två kodrader kan du enkelt få fram den dominerande färgen från bilden.

Få dominerande färg från bild

  1. Ladda bilden
  2. Få färg

Extrahera färg från bilden 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 från Image via gratis JavaScript API

Med hjälp av API:et kan du också få en färgpalett från bilderna. För att få en färgpalett från bilden tillhandahåller API:et getPalette()-metoden. Metoden får en palett från bilden genom att gruppera liknande färger. Paletten returneras som en array som innehåller färger, varje färg i sig en array med tre heltal. Genom att använda följande två rader kod kan du enkelt få färgplatta från bilden.

Få Color Platte från Image

  1. Ladda bilden
  2. Få färgplatta

Extrahera färgplattans bild i Node.js

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