Görüntü İşleme için Açık Kaynak JavaScript Kitaplığı
Resimlerden renk paleti almak için JavaScript API'si.
Renk Hırsızı nedir?
Color Thief, yazılım geliştiricilerin JavaScript kullanarak görüntülerden renk almasına olanak tanıyan çok basit, hafif bir görüntü işleme kitaplığıdır. Herhangi bir dış bağımlılık olmaksızın Node üzerinde ve tarayıcı içinde çalışabilen saf bir JavaScript kitaplığıdır. API, görüntüden baskın rengi alır. Renk, kırmızı, yeşil ve mavi değerleri temsil eden üç tam sayıdan oluşan bir dizi olarak döndürülür. Tarayıcıda çalışırken, işleme için bir HTML görüntüsü kullanmanız gerekir ve Düğümü kullanırken görüntünün URL'sini kullanmanız gerekir.
Renk Hırsızı paketi, farklı ortamları desteklemek ve süreçleri oluşturmak için birden çok dağıtım dosyası içerir. color-thief.js, görüntüleri işlemek için ana dosyadır, color-thief.mjs, Webpack ve Rollup'ın yanı sıra modern tarayıcılar için kullanılır ve color-thief.umd.js, basit komut dosyası etiketi yüklemesi için kullanılır.
Renk Hırsızına Başlarken
NPM aracılığıyla Color Thief'i kurmanın önerilen yolu. Lütfen yüklemek için aşağıdaki komutu kullanın.
Color Thief'i NPM ile kurun
npm i --save colorthief
Ücretsiz JavaScript API ile Görüntüden Renkleri Alın
Açık kaynaklı Renk Hırsızı kitaplığı, JavaScript geliştiricilerinin görüntülerden programlı olarak renkleri çıkarmasına olanak tanır. Görüntüden baskın rengi elde etmek için API, getColor() yöntemini sağlar. Yöntem, görüntüden baskın rengi alır. Renk, kırmızı, yeşil ve mavi (RGB) değerleri temsil eden üç tam sayıdan oluşan bir dizi olarak döndürülür. Aşağıdaki iki kod satırını kullanarak görüntüden baskın rengi kolayca elde edebilirsiniz.
Görüntüden Baskın Renk Alın
- Resmi yükle
- renk al
Node.js'deki görüntüden rengi çıkarın
const img = resolve(process.cwd(), 'rainbow.png');
ColorThief.getColor(img)
.then(color => { console.log(color) })
.catch(err => { console.log(err) })
Ücretsiz JavaScript API ile Görüntüden Renk Plakası Alın
API'yi kullanarak, görüntülerden bir renk paleti de alabilirsiniz. Görüntüden bir renk paleti elde etmek için API, getPalette() yöntemini sağlar. Yöntem, benzer renkleri kümeleyerek görüntüden bir palet alır. Palet, renkleri içeren bir dizi olarak döndürülür, her rengin kendisi üç tamsayı dizisidir. Aşağıdaki iki kod satırını kullanarak görselden kolayca renk platosu alabilirsiniz.
Görüntüden Renk Plakası Alın
- Resmi yükle
- renk plakası al
Node.js'de renk plakası görüntüsünü ayıklayın
const img = resolve(process.cwd(), 'rainbow.png');
ColorThief.getPalette(img, 5)
.then(palette => { console.log(palette) })
.catch(err => { console.log(err) })