1. Məhsullar
  2.   Şəkil
  3.   JavaScript
  4.   Color Thief
 
  

Şəkil Emalı üçün Açıq Mənbəli JavaScript Kitabxanası

Şəkillərdən rəng palitrasını götürmək üçün JavaScript API.

Color Thief nədir?

Color Thief, proqram tərtibatçılarına JavaScript-dən istifadə edərək şəkillərdən rəng götürməyə imkan verən çox sadə, yüngül təsvir emalı kitabxanasıdır. Bu, heç bir xarici asılılıq olmadan Node və brauzerdə işləyə bilən təmiz JavaScript kitabxanasıdır. API təsvirdən dominant rəng alır. Rəng qırmızı, yaşıl və mavi dəyərləri təmsil edən üç tam ədəddən ibarət massiv kimi qaytarılır. Brauzerdə işləyərkən emal üçün HTML təsvirindən, Node-dan istifadə edərkən isə şəklin URL-indən istifadə etməlisiniz.

Color Thief paketinə müxtəlif mühitləri dəstəkləmək və prosesləri qurmaq üçün çoxlu paylama faylları daxildir. color-thief.js şəkillərin işlənməsi üçün əsas fayldır, color-thief.mjs müasir brauzerlər, həmçinin Webpack və Rollup üçün, color-thief.umd.js isə sadə skript teqlərinin yüklənməsi üçün istifadə olunur.

Previous Next

Color Thief ilə Başlayın

NPM vasitəsilə Color Thief-i quraşdırmağın tövsiyə olunan yolu. Quraşdırmaq üçün aşağıdakı əmrdən istifadə edin.

NPM vasitəsilə Color Thief-i quraşdırın

 npm i --save colorthief 

Pulsuz JavaScript API vasitəsilə Şəkildən Rənglər əldə edin

Açıq mənbəli Color Thief kitabxanası JavaScript tərtibatçılarına proqramlı şəkildə şəkillərdən rəng çıxarmağa imkan verir. Təsvirdən dominant rəng əldə etmək üçün API getColor() metodunu təmin edir. Metod təsvirdən dominant rəng alır. Rəng qırmızı, yaşıl və mavi (RGB) dəyərləri təmsil edən üç tam ədəddən ibarət massiv kimi qaytarılır. Aşağıdakı iki kod sətirindən istifadə etməklə siz asanlıqla şəkildən dominant rəng əldə edə bilərsiniz.

Şəkildən Dominant Rəng əldə edin

  1. Şəkli yükləyin
  2. Rəng əldə edin

Node.js-dəki şəkildən rəng çıxarın

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

Pulsuz JavaScript API vasitəsilə Şəkildən Color Platte əldə edin

API-dən istifadə etməklə siz həmçinin şəkillərdən rəng palitrası əldə edə bilərsiniz. Şəkildən rəng palitrası əldə etmək üçün API getPalette() metodunu təqdim edir. Metod oxşar rəngləri qruplaşdıraraq şəkildən palitra alır. Palitra rənglərdən ibarət massiv kimi qaytarılır, hər rəngin özü üç tam ədəddən ibarət massivdir. Aşağıdakı iki kod sətirindən istifadə etməklə, siz asanlıqla şəkildən rəngli lövhə əldə edə bilərsiniz.

Şəkildən Color Platte əldə edin

  1. Şəkli yükləyin
  2. Rəngli lövhə alın

Node.js-də rəngli lövhə şəklini çıxarın

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