1. Produkte
  2.   Bild
  3.   JavaScript
  4.   Color Thief
 
  

Open-Source-JavaScript-Bibliothek für die Bildverarbeitung

JavaScript-API zum Abrufen der Farbpalette aus Bildern.

Was ist Color Thief?

Color Thief ist eine sehr einfache, leichtgewichtige Bildbearbeitungsbibliothek, die es Software-Entwicklern ermöglicht, Farbe aus Bildern mit JavaScript zu holen. Es ist eine reine JavaScript Bibliothek, die sowohl auf Knoten als auch im Browser ohne externe Abhängigkeiten funktionieren kann. Die API erhält die dominante Farbe vom Bild. Die Farbe wird als Array mit drei Ganzzahlen zurückgegeben, die rote, grüne und blaue Werte darstellen. Während Sie im Browser arbeiten, müssen Sie ein HTML Bild zur Bearbeitung verwenden und während Sie den Knoten verwenden, müssen Sie die URL des Bildes verwenden.

Das Color Thief Paket enthält mehrere Distributionsdateien, um verschiedene Umgebungen zu unterstützen und Prozesse zu erstellen. color-thief.js ist die Hauptdatei für die Bearbeitung der Bilder, color-thief.ms wird für moderne Browser sowie Webpage und Roll verwendet, und color-thief.und.js.

Previous Next

Erste Schritte mit Color Thief

Die empfohlene Methode zur Installation von Color Thief über NPM. Bitte verwenden Sie den folgenden Befehl, um es zu installieren.

Installieren Sie Color Thief über NPM

 npm i --save colorthief

Holen Sie sich Farben aus dem Bild über die kostenlose JavaScript-API

Die Open-Source-Bibliothek Color Thief ermöglicht es JavaScript-Entwicklern, Farben programmgesteuert aus den Bildern zu extrahieren. Um die dominante Farbe aus dem Bild zu erhalten, stellt die API die Methode getColor() bereit. Die Methode erhält die dominante Farbe aus dem Bild. Farbe wird als Array aus drei Ganzzahlen zurückgegeben, die Rot-, Grün- und Blauwerte (RGB) darstellen. Indem Sie die folgenden zwei Codezeilen verwenden, können Sie leicht die dominante Farbe aus dem Bild erhalten.

Holen Sie sich dominante Farbe aus dem Bild

  1. Bild laden
  2. Holen Sie sich Farbe

Extrahieren Sie Farbe aus dem Bild in Node.js

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

Holen Sie sich Farbplatte von Bild über die kostenlose JavaScript-API

Mit Hilfe der API können Sie auch eine Farbpalette aus den Bildern erhalten. Um eine Farbpalette aus dem Bild zu erhalten, bietet die API Methode getPalette() an. Die Methode erhält eine Palette aus dem Bild, indem sie ähnliche Farben gruppiert. Die Palette wird als ein Array mit Farben zurückgegeben, jede Farbe selbst ein Array mit drei Integern. Wenn Sie die folgenden zwei Zeilen Code benutzen, können Sie die Farbpalette leicht vom Bild bekommen.

Holen Sie sich die Farbplatte von Image

  1. Bild laden
  2. Farbplatte erhalten

Extrahieren Sie das Farbplattenbild in Node.js

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