Biblioteca JavaScript de código abierto para el procesamiento de imágenes
API de JavaScript para obtener la paleta de colores de las imágenes.
¿Qué es el ladrón de colores?
Color Thief es una biblioteca de procesamiento de imágenes liviana y muy simple que permite a los desarrolladores de software capturar el color de las imágenes usando JavaScript. Es una biblioteca de JavaScript puro que puede funcionar tanto en Node como en el navegador sin dependencias externas. La API Obtiene el color dominante de la imagen. El color se devuelve como una matriz de tres enteros que representan valores de rojo, verde y azul. Mientras trabaja en el navegador, necesita usar una imagen HTML para el procesamiento y mientras usa el Nodo necesita usar la URL de la imagen.
El paquete Color Thief incluye múltiples archivos de distribución para soportar diferentes entornos y procesos de construcción. color-thief.js es el archivo principal para procesar las imágenes, color-thief.mjs se usa para navegadores modernos, así como Webpack y Rollup, y color-thief.umd.js se usa para cargar etiquetas de secuencias de comandos simples.
Introducción a Color Thief
La forma recomendada de instalar Color Thief a través de NPM. Utilice el siguiente comando para instalarlo.
Instalar Color Thief a través de NPM
npm i --save colorthief
Obtenga colores de la imagen a través de la API de JavaScript gratuita
La biblioteca Color Thief de código abierto permite a los desarrolladores de JavaScript extraer colores de las imágenes mediante programación. Para obtener el color dominante de la imagen, la API proporciona el método getColor(). El método obtiene el color dominante de la imagen. El color se devuelve como una matriz de tres enteros que representan valores de rojo, verde y azul (RGB). Al usar las siguientes dos líneas de código, puede obtener fácilmente el color dominante de la imagen.
Obtener color dominante de la imagen
- Cargar imagen
- Obtener color
Extraer color de la imagen en Node.js
const img = resolve(process.cwd(), 'rainbow.png');
ColorThief.getColor(img)
.then(color => { console.log(color) })
.catch(err => { console.log(err) })
Obtenga Color Platte de la imagen a través de la API de JavaScript gratuita
Con la API, también puede obtener una paleta de colores de las imágenes. Para obtener una paleta de colores de la imagen, la API proporciona el método getPalette(). El método obtiene una paleta de la imagen agrupando colores similares. La paleta se devuelve como una matriz que contiene colores, cada color en sí mismo es una matriz de tres enteros. Al usar las siguientes dos líneas de código, puede obtener fácilmente una placa de color de la imagen.
Obtener placa de color de la imagen
- Cargar imagen
- Obtener placa de color
Extraiga la imagen de la placa de color en Node.js
const img = resolve(process.cwd(), 'rainbow.png');
ColorThief.getPalette(img, 5)
.then(palette => { console.log(palette) })
.catch(err => { console.log(err) })