1. Termékek
  2.   Kép
  3.   JavaScript
  4.   Color Thief
 
  

Nyílt forráskódú JavaScript-könyvtár képfeldolgozáshoz

JavaScript API a színpaletta képekből való lefoglalásához.

Mi az a Color Thief?

A Color Thief egy nagyon egyszerű, könnyű képfeldolgozó könyvtár, amely lehetővé teszi a szoftverfejlesztők számára, hogy JavaScript segítségével színt kapjanak a képekből. Ez egy tiszta JavaScript-könyvtár, amely külső függőségek nélkül működik a Node-on és a böngészőn belül is. Az API lekéri a domináns színt a képből. A szín három egész számból álló tömbként jelenik meg, amelyek piros, zöld és kék értékeket képviselnek. A böngészőben végzett munka során HTML-képet kell használni a feldolgozáshoz, a Node használatakor pedig a kép URL-jét kell használni.

A Color Thief csomag több terjesztési fájlt tartalmaz a különböző környezetek és építési folyamatok támogatásához. A color-thief.js a fő fájl a képek feldolgozásához, a color-thief.mjs a modern böngészőkhöz, valamint a Webpack és Rollup, a color-thief.umd.js pedig az egyszerű szkriptcímke betöltéséhez.

Previous Next

A Color Thief első lépései

A Color Thief NPM-en keresztüli telepítésének javasolt módja. Kérjük, használja a következő parancsot a telepítéshez.

Telepítse a Color Thief programot NPM-en keresztül

 npm i --save colorthief

Szerezzen színeket a képből ingyenes JavaScript API-n keresztül

A nyílt forráskódú Color Thief könyvtár lehetővé teszi a JavaScript-fejlesztők számára, hogy programozottan színeket vonjanak ki a képekből. Annak érdekében, hogy a kép domináns színét megkapja, az API getColor() metódust biztosít. A módszer a képről kapja a domináns színt. A szín három egész számból álló tömbként jelenik meg, amelyek vörös, zöld és kék (RGB) értékeket képviselnek. A következő két kódsor használatával könnyedén megkaphatja a kép domináns színét.

Szerezze be a domináns színt a képből

  1. Kép betöltése
  2. Szerezzen színt

Kivonja a színt a képből a Node.js-ben

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

Szerezze be a Color Platte-et az Image-ből az ingyenes JavaScript API-n keresztül

Az API segítségével színpalettát is kaphatunk a képekből Ahhoz, hogy a képből színpalettát kapjunk, az API getPalette() metódust biztosít. A módszer palettát kap a képből hasonló színek csoportosításával. A paletta színeket tartalmazó tömbként kerül visszaadásra, mindegyik szín három egész számból álló tömb. A következő két kódsor használatával könnyen színtáblázatot kaphat a képről.

Szerezze be a Color Platte-et a képből

  1. Kép betöltése
  2. Szerezzen színes táblát

Kivonat színes lemezképet a Node.js-ből

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