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

Open Source JavaScript-bibliotek til billedbehandling

JavaScript API til at få fat i farvepaletten fra billeder.

Hvad er Color Thief?

Color Thief er et meget simpelt letvægts billedbehandlingsbibliotek, der gør det muligt for softwareudviklere at få fat i farver fra billeder ved hjælp af JavaScript. Det er et rent JavaScript-bibliotek, der kan fungere på Node såvel som i browseren uden nogen eksterne afhængigheder. API'et får den dominerende farve fra billedet. Farve returneres som en matrix af tre heltal, der repræsenterer røde, grønne og blå værdier. Mens du arbejder i browseren, skal du bruge et HTML-billede til behandling, og mens du bruger Node, skal du bruge URL'en til billedet.

Color Thief-pakken inkluderer flere distributionsfiler til at understøtte forskellige miljøer og byggeprocesser. color-thief.js er hovedfilen til behandling af billederne, color-thief.mjs bruges til moderne browsere samt Webpack og Rollup, og color-thief.umd.js bruges til simpel indlæsning af script-tags.

Previous Next

Kom godt i gang med Color Thief

Den anbefalede måde at installere Color Thief på via NPM. Brug venligst følgende kommando til at installere det.

Installer Color Thief via NPM

 npm i --save colorthief

Få farver fra billede via gratis JavaScript API

Open-source Color Thief-biblioteket giver JavaScript-udviklere mulighed for at udtrække farver fra billederne programmatisk. For at få den dominerende farve fra billedet, giver API'en getColor() metoden. Metoden får den dominerende farve fra billedet. Farve returneres som en matrix af tre heltal, der repræsenterer røde, grønne og blå (RGB) værdier. Ved at bruge de følgende to linjer kode, kan du nemt få den dominerende farve fra billedet.

Få dominerende farve fra billede

  1. Indlæs billede
  2. Få farve

Udtræk farve fra billedet 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 at bruge API'et kan du også få en farvepalet fra billederne For at få en farvepalet fra billedet, giver API'en getPalette() metoden. Metoden får en palet fra billedet ved at gruppere lignende farver. Paletten returneres som en matrix, der indeholder farver, hver farve i sig selv en matrix med tre heltal. Ved at bruge de følgende to linjer kode, kan du nemt få farveplade fra billedet.

Få Color Platte fra Image

  1. Indlæs billede
  2. Få farveplade

Udpak farvepladebillede i Node.js

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