1. Produkty
  2.   Obraz
  3.   JavaScript
  4.   Color Thief
 
  

Biblioteka Open Source JavaScript do przetwarzania obrazu

Interfejs API JavaScript do pobierania palety kolorów z obrazów.

Co to jest złodziej kolorów?

Color Thief to bardzo prosta, lekka biblioteka do przetwarzania obrazów, która umożliwia programistom pobieranie kolorów z obrazów za pomocą JavaScript. Jest to czysta biblioteka JavaScript, która może pracować zarówno w węźle, jak iw przeglądarce bez żadnych zewnętrznych zależności. API Pobiera dominujący kolor z obrazu. Kolor jest zwracany jako tablica trzech liczb całkowitych reprezentujących wartości czerwony, zielony i niebieski. Podczas pracy w przeglądarce do przetwarzania musisz użyć obrazu HTML, a podczas korzystania z węzła musisz użyć adresu URL obrazu.

Pakiet Color Thief zawiera wiele plików dystrybucyjnych do obsługi różnych środowisk i procesów kompilacji. color-thief.js jest głównym plikiem do przetwarzania obrazów, color-thief.mjs jest używany dla nowoczesnych przeglądarek oraz Webpack i Rollup, a color-thief.umd.js jest używany do prostego ładowania tagów skryptu.

Previous Next

Pierwsze kroki z Color Thief

Zalecany sposób instalacji Color Thief przez NPM. Użyj następującego polecenia, aby go zainstalować.

Zainstaluj Color Thief przez NPM

 npm i --save colorthief

Uzyskaj kolory z obrazu za pomocą bezpłatnego interfejsu API JavaScript

Biblioteka Color Thief o otwartym kodzie źródłowym umożliwia programistom JavaScript programistyczne wyodrębnianie kolorów z obrazów. Aby uzyskać dominujący kolor z obrazu, API udostępnia metodę getColor(). Metoda pobiera dominujący kolor z obrazu. Kolor jest zwracany jako tablica trzech liczb całkowitych reprezentujących wartości czerwonego, zielonego i niebieskiego (RGB). Korzystając z poniższych dwóch wierszy kodu, możesz łatwo uzyskać dominujący kolor z obrazu.

Uzyskaj dominujący kolor z obrazu

  1. Załaduj obraz
  2. Uzyskaj kolor

Wyodrębnij kolor z obrazu w Node.js

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

Uzyskaj Color Platte z obrazu za pomocą bezpłatnego interfejsu API JavaScript

Używając API, możesz również pobrać paletę kolorów z obrazków Aby pobrać paletę kolorów z obrazka, API udostępnia metodę getPalette(). Metoda pobiera paletę z obrazu poprzez grupowanie podobnych kolorów. Paleta jest zwracana jako tablica zawierająca kolory, przy czym każdy kolor jest tablicą trzech liczb całkowitych. Korzystając z poniższych dwóch linijek kodu, możesz łatwo uzyskać kolorową tablicę z obrazu.

Pobierz Color Plate z obrazu

  1. Załaduj obraz
  2. Uzyskaj kolorową tablicę

Wyodrębnij obraz kolorowej płyty w Node.js

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