1. Продукти
  2.   Зображення
  3.   JavaScript
  4.   Color Thief
 
  

Бібліотека JavaScript з відкритим кодом для обробки зображень

JavaScript API для захоплення палітри кольорів із зображень.

Що таке Color Thief?

Color Thief — це дуже проста легка бібліотека обробки зображень, яка дозволяє розробникам програмного забезпечення отримувати кольори із зображень за допомогою JavaScript. Це чиста бібліотека JavaScript, яка може працювати як на Node, так і в браузері без будь-яких зовнішніх залежностей. API отримує домінуючий колір із зображення. Колір повертається як масив із трьох цілих чисел, що представляють значення червоного, зеленого та синього кольорів. Під час роботи в браузері для обробки потрібно використовувати зображення HTML, а під час використання Node – URL-адресу зображення.

Пакет Color Thief містить кілька дистрибутивних файлів для підтримки різних середовищ і процесів збірки. color-thief.js є основним файлом для обробки зображень, color-thief.mjs використовується для сучасних браузерів, а також Webpack і Rollup, а color-thief.umd.js використовується для простого завантаження тегів сценарію.

Previous Next

Початок роботи з Color Thief

Рекомендований спосіб встановлення Color Thief через NPM. Щоб установити його, скористайтеся наступною командою.

Встановіть Color Thief через NPM

 npm i --save colorthief

Отримайте кольори із зображення за допомогою безкоштовного JavaScript API

Бібліотека Color Thief із відкритим вихідним кодом дозволяє розробникам JavaScript програмно отримувати кольори із зображень. Щоб отримати домінуючий колір із зображення, API надає метод getColor(). Метод отримує домінуючий колір із зображення. Колір повертається як масив із трьох цілих чисел, що представляють значення червоного, зеленого та синього (RGB). Використовуючи наступні два рядки коду, ви можете легко отримати домінуючий колір із зображення.

Отримайте домінуючий колір із зображення

  1. Завантажити зображення
  2. Отримати колір

Витягніть колір із зображення в Node.js

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

Отримайте Color Platte із зображення за допомогою безкоштовного JavaScript API

Використовуючи API, ви також можете отримати палітру кольорів із зображень. Щоб отримати палітру кольорів із зображення, API надає метод getPalette(). Метод отримує палітру із зображення шляхом кластеризації подібних кольорів. Палітра повертається як масив, що містить кольори, кожен колір сам є масивом із трьох цілих чисел. Використовуючи наступні два рядки коду, ви можете легко отримати кольорову табличку із зображення.

Отримайте кольорову табличку із зображення

  1. Завантажити зображення
  2. Отримайте кольорову пластину

Витягніть кольорове зображення в Node.js

const img = resolve(process.cwd(), 'rainbow.png');
ColorThief.getPalette(img, 5)
.then(palette => { console.log(palette) })
.catch(err => { console.log(err) })
 Українська