1. Produse
  2.   Imagine
  3.   JavaScript
  4.   Color Thief
 
  

Bibliotecă JavaScript open source pentru procesarea imaginilor

JavaScript API pentru a prelua paleta de culori din imagini.

Ce este Color Thief?

Color Thief este o bibliotecă foarte simplă de procesare a imaginilor, care le permite dezvoltatorilor de software să ia culoare din imagini folosind JavaScript. Este o bibliotecă JavaScript pură care poate funcționa atât pe Node, cât și în browser, fără dependențe externe. API-ul Obține culoarea dominantă din imagine. Culoarea este returnată ca o matrice de trei numere întregi reprezentând valori roșu, verde și albastru. În timp ce lucrați în browser, trebuie să utilizați o imagine HTML pentru procesare și în timp ce utilizați Node trebuie să utilizați adresa URL a imaginii.

Pachetul Color Thief include mai multe fișiere de distribuție pentru a suporta diferite medii și procese de construire. color-thief.js este fișierul principal pentru procesarea imaginilor, color-thief.mjs este folosit pentru browserele moderne, precum și Webpack și Rollup, iar color-thief.umd.js este folosit pentru încărcarea simplă a etichetelor de script.

Previous Next

Noțiuni introductive cu Color Thief

Modul recomandat de a instala Color Thief prin NPM. Vă rugăm să utilizați următoarea comandă pentru a o instala.

Instalați Color Thief prin NPM

 npm i --save colorthief

Obțineți culori din imagine prin API-ul JavaScript gratuit

Biblioteca open-source Color Thief permite dezvoltatorilor JavaScript să extragă culorile din imagini în mod programatic. Pentru a obține culoarea dominantă din imagine, API-ul oferă metoda getColor(). Metoda obține culoarea dominantă din imagine. Culoarea este returnată ca o matrice de trei numere întregi reprezentând valori roșu, verde și albastru (RGB). Folosind următoarele două linii de cod, puteți obține cu ușurință culoarea dominantă din imagine.

Obțineți culoarea dominantă din imagine

  1. Încărcați imaginea
  2. Obțineți culoare

Extrageți culoarea din imagine în Node.js

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

Obțineți Color Platte din imagine prin API-ul JavaScript gratuit

Folosind API-ul, puteți obține și o paletă de culori din imagini. Pentru a obține o paletă de culori din imagine, API-ul oferă metoda getPalette(). Metoda obține o paletă din imagine prin gruparea de culori similare. Paleta este returnată ca o matrice care conține culori, fiecare culoare în sine fiind o matrice de trei numere întregi. Folosind următoarele două linii de cod, puteți obține cu ușurință o placă de culoare din imagine.

Obțineți placa de culoare din imagine

  1. Încărcați imaginea
  2. Obțineți o placă de culori

Extrageți imaginea cu plăci color în Node.js

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