1. Prodotti
  2.   Immagine
  3.   JavaScript
  4.   Color Thief
 
  

Libreria JavaScript open source per l'elaborazione delle immagini

API JavaScript per acquisire la tavolozza dei colori dalle immagini.

Cos'è il ladro di colori?

Color Thief è una libreria di elaborazione delle immagini molto semplice e leggera che consente agli sviluppatori di software di acquisire il colore dalle immagini utilizzando JavaScript. È una libreria JavaScript pura che può funzionare sia su Node che su browser senza dipendenze esterne. L'API Ottiene il colore dominante dall'immagine. Il colore viene restituito come una matrice di tre numeri interi che rappresentano i valori rosso, verde e blu. Mentre si lavora nel browser, è necessario utilizzare un'immagine HTML per l'elaborazione e durante l'utilizzo del Node è necessario utilizzare l'URL dell'immagine.

Il pacchetto Color Thief include più file di distribuzione per supportare diversi ambienti e processi di creazione. color-thief.js è il file principale per l'elaborazione delle immagini, color-thief.mjs è utilizzato per i browser moderni, nonché per Webpack e Rollup e color-thief.umd.js è utilizzato per il semplice caricamento di tag di script.

Previous Next

Iniziare con Color Thief

Il modo consigliato per installare Color Thief tramite NPM. Si prega di utilizzare il seguente comando per installarlo.

Installa Color Thief tramite NPM

 npm i --save colorthief

Ottieni colori dall'immagine tramite l'API JavaScript gratuita

La libreria open source Color Thief consente agli sviluppatori JavaScript di estrarre i colori dalle immagini in modo programmatico. Per ottenere il colore dominante dall'immagine, l'API fornisce il metodo getColor(). Il metodo ottiene il colore dominante dall'immagine. Il colore viene restituito come una matrice di tre numeri interi che rappresentano i valori di rosso, verde e blu (RGB). Utilizzando le seguenti due righe di codice, puoi facilmente ottenere il colore dominante dall'immagine.

Ottieni il colore dominante dall'immagine

  1. Carica immagine
  2. Ottieni colore

Estrai il colore dall'immagine in Node.js

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

Ottieni Color Platte dall'immagine tramite l'API JavaScript gratuita

Usando l'API, puoi anche ottenere una tavolozza di colori dalle immagini Per ottenere una tavolozza di colori dall'immagine, l'API fornisce il metodo getPalette(). Il metodo ottiene una tavolozza dall'immagine raggruppando colori simili. La tavolozza viene restituita come un array contenente colori, ogni colore stesso è un array di tre numeri interi. Usando le seguenti due righe di codice, puoi facilmente ottenere la piastra a colori dall'immagine.

Ottieni la piastra a colori dall'immagine

  1. Carica immagine
  2. Prendi la tavola dei colori

Estrai l'immagine della piastra a colori in Node.js

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