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 от Image чрез безплатен JavaScript API

С помощта на API можете също да получите цветова палитра от изображенията. За да получите цветова палитра от изображението, API предоставя метод getPalette(). Методът получава палитра от изображението чрез групиране на подобни цветове. Палитрата се връща като масив, съдържащ цветове, като всеки цвят представлява масив от три цели числа. Като използвате следните два реда код, можете лесно да получите цветна плоча от изображението.

Вземете Color Platte от Image

  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) })
        
 Български