1. Товары
  2.   Изображение
  3.   JavaScript
  4.   Color Thief
 
  

Библиотека JavaScript с открытым исходным кодом для обработки изображений

API JavaScript для получения цветовой палитры из изображений.

Что такое похититель цветов?

Color Thief — это очень простая и легкая библиотека для обработки изображений, которая позволяет разработчикам программного обеспечения извлекать цвета из изображений с помощью JavaScript. Это чистая библиотека JavaScript, которая может работать как в узле, так и в браузере без каких-либо внешних зависимостей. API Получает доминирующий цвет из изображения. Цвет возвращается как массив из трех целых чисел, представляющих значения красного, зеленого и синего цветов. При работе в браузере вам нужно использовать HTML-изображение для обработки, а при использовании узла вам нужно использовать 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) })

Получить цветовую палитру из изображения с помощью бесплатного 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) })
 Русский