1. Tuotteet
  2.   Kuva
  3.   JavaScript
  4.   Color Thief
 
  

Avoimen lähdekoodin JavaScript-kirjasto kuvankäsittelyä varten

JavaScript API väripaletin poimimiseen kuvista.

Mikä on Color Thief?

Color Thief on hyvin yksinkertainen kevyt kuvankäsittelykirjasto, jonka avulla ohjelmistokehittäjät voivat napata väriä kuvista JavaScriptin avulla. Se on puhdas JavaScript-kirjasto, joka voi toimia sekä Nodessa että selaimessa ilman ulkoisia riippuvuuksia. API saa hallitsevan värin kuvasta. Väri palautetaan kolmen kokonaisluvun joukkona, jotka edustavat punaista, vihreää ja sinistä arvoa. Selaimessa työskennellessäsi tulee käyttää HTML-kuvaa käsittelyyn ja Solmua käytettäessä kuvan URL-osoitetta.

Color Thief -paketti sisältää useita jakelutiedostoja tukemaan erilaisia ympäristöjä ja rakennusprosesseja. color-thief.js on kuvien käsittelyn päätiedosto, color-thief.mjs:ää käytetään nykyaikaisissa selaimissa sekä Webpackissa ja Rollupissa, ja color-thief.umd.js:ää käytetään yksinkertaiseen komentosarjatunnisteiden lataamiseen.

Previous Next

Color Thiefin käytön aloittaminen

Suositeltu tapa asentaa Color Thief NPM:n kautta. Käytä seuraavaa komentoa asentaaksesi sen.

Asenna Color Thief NPM:n kautta

 npm i --save colorthief

Hanki värejä kuvasta ilmaisen JavaScript API:n kautta

Avoimen lähdekoodin Color Thief -kirjaston avulla JavaScript-kehittäjät voivat poimia värejä kuvista ohjelmallisesti. Saadakseen hallitsevan värin kuvasta API tarjoaa getColor()-menetelmän. Menetelmä saa hallitsevan värin kuvasta. Väri palautetaan kolmen kokonaisluvun joukkona, jotka edustavat punaista, vihreää ja sinistä (RGB) arvoa. Käyttämällä seuraavia kahta koodiriviä, saat helposti hallitsevan värin kuvasta.

Hanki hallitseva väri kuvasta

  1. Lataa kuva
  2. Hanki väriä

Poimi väri kuvasta Node.js:ssä

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

Hanki Color Platte kuvasta ilmaisen JavaScript API:n kautta

API:n avulla kuvista saa myös väripaletin. Jotta kuvasta saadaan väripaletti, API tarjoaa getPalette()-menetelmän. Menetelmä saa kuvasta paletin ryhmittelemällä samanlaisia värejä. Paletti palautetaan taulukkona, joka sisältää värejä, jokainen väri itse kolmen kokonaisluvun taulukkona. Käyttämällä seuraavia kahta koodiriviä, saat helposti värilevyn kuvasta.

Hanki Color Platte kuvasta

  1. Lataa kuva
  2. Hanki värilevy

Pura värilevykuva Node.js:stä

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