1. Des produits
  2.   Image
  3.   JavaScript
  4.   Color Thief
 
  

Bibliothèque JavaScript Open Source pour le traitement d'images

API JavaScript pour saisir la palette de couleurs des images.

Qu'est-ce que le voleur de couleurs ?

Color Thief est une bibliothèque de traitement de l'image très simple qui permet aux concepteurs de logiciels de graver la couleur des images en utilisant JavaScript. C'est une bibliothèque pure de JavaScript bibliothèques qui peut travailler sur Node et sur le navigateur sans dépendances externes. Les API Gets la couleur dominante de l'image. Le color est retourné sous forme de trois intégrants représentant des valeurs rouges, vertes et bleues. Tout en travaillant dans le navigateur, vous devez utiliser une image de HTML pour le traitement et utiliser le noeud que vous devez utiliser le URL de l'image.

Le paquet « Color Thief » comprend plusieurs fichiers de distribution pour appuyer différents environnements et élaborer des processus. La couleur en chef.js est le principal fichier pour le traitement des images, les symboles en couleur sont utilisés pour les navigateurs modernes ainsi que pour les pages Web et Roll, et pour les couleurs.

Previous Next

Premiers pas avec Color Thief

La méthode recommandée pour installer Color Thief via NPM. Veuillez utiliser la commande suivante pour l'installer.

Installer Color Thief via NPM

 npm i --save colorthief

Obtenez les couleurs de l'image via l'API JavaScript gratuite

La bibliothèque open-source Color Thief permet aux développeurs JavaScript d'extraire les couleurs des images par programmation. Afin d'obtenir la couleur dominante de l'image, l'API fournit la méthode getColor(). La méthode obtient la couleur dominante de l'image. La couleur est renvoyée sous la forme d'un tableau de trois entiers représentant les valeurs rouge, vert et bleu (RVB). En utilisant les deux lignes de code suivantes, vous pouvez facilement obtenir la couleur dominante de l'image.

Obtenir la couleur dominante de l'image

  1. Charger l'image
  2. Obtenez de la couleur

Extraire la couleur de l'image dans Node.js

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

Obtenez Color Platte à partir de l'image via l'API JavaScript gratuite

Vous pouvez aussi obtenir une palette de couleur des images afin d'obtenir une palette de couleur de l'image, le API fournit la méthode getPalette(). La méthode obtient une palette de l'image en groupant des couleurs similaires. La palette est retournée comme un ensemble contenant des couleurs, chaque couleur elle-même une gamme de trois intégristes. En utilisant les deux lignes de code suivantes, vous pouvez facilement obtenir la plaque de couleur de l'image.

Obtenir la palette de couleurs à partir de l'image

  1. Charger l'image
  2. Obtenez une plaque de couleur

Extraire l'image de la plaque de couleur dans Node.js

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