1. Produtos
  2.   Imagem
  3.   JavaScript
  4.   Color Thief
 
  

Biblioteca JavaScript de código aberto para processamento de imagens

API JavaScript para pegar a paleta de cores das imagens.

O que é ladrão de cores?

Color Thief é uma biblioteca de processamento de imagem leve e muito simples que permite aos desenvolvedores de software obter cores de imagens usando JavaScript. É uma biblioteca JavaScript pura que pode funcionar no Node e no navegador sem dependências externas. A API Obtém a cor dominante da imagem. A cor é retornada como uma matriz de três inteiros representando valores de vermelho, verde e azul. Ao trabalhar no navegador, você precisa usar uma imagem HTML para processamento e ao usar o Node, você precisa usar a URL da imagem.

O pacote Color Thief inclui vários arquivos de distribuição para dar suporte a diferentes ambientes e processos de compilação. color-thief.js é o arquivo principal para processar as imagens, color-thief.mjs é usado para navegadores modernos, bem como Webpack e Rollup, e color-thief.umd.js é usado para carregamento de tags de script simples.

Previous Next

Introdução ao Color Thief

A maneira recomendada de instalar o Color Thief via NPM. Por favor, use o seguinte comando para instalá-lo.

Instale o Color Thief via NPM

 npm i --save colorthief

Obtenha cores da imagem via API JavaScript gratuita

A biblioteca de código aberto Color Thief permite que os desenvolvedores de JavaScript extraiam cores das imagens programaticamente. Para obter a cor dominante da imagem, a API fornece o método getColor(). O método obtém a cor dominante da imagem. A cor é retornada como uma matriz de três inteiros representando valores de vermelho, verde e azul (RGB). Usando as duas linhas de código a seguir, você pode obter facilmente a cor dominante da imagem.

Obter cor dominante da imagem

  1. Carregar imagem
  2. Obter cor

Extraia a cor da imagem no Node.js

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

Obtenha o Color Platte da imagem por meio da API JavaScript gratuita

Usando a API, você também pode obter uma paleta de cores das imagens Para obter uma paleta de cores da imagem, a API fornece o método getPalette(). O método obtém uma paleta da imagem agrupando cores semelhantes. A paleta é retornada como uma matriz contendo cores, cada cor em si uma matriz de três inteiros. Ao usar as duas linhas de código a seguir, você pode obter facilmente o platte de cores da imagem.

Obter Color Platte da Imagem

  1. Carregar imagem
  2. Obter placa de cores

Extraia a imagem da placa de cores no Node.js

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