Şəkil Emalı üçün Açıq Mənbəli JavaScript Kitabxanası
Qauss, boz şkalası, yüksək keçid, invert, laplasian, güzgü, RGB, Roberts, doyma və s. kimi müxtəlif növ filtrlərdən istifadə edərək şəkillərə müxtəlif effektlər tətbiq etmək üçün JavaScript API.
Lena.js proqram tərtibatçılarına JavaScript proqramlarının daxilindən müxtəlif növ şəkillərlə işləməyə imkan verən çox sadə, yüngül çəkili 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. Kitabxana açıq mənbədir və MIT lisenziyası altında mövcuddur. Kitabxana brauzer daxilində ağır şəkillərlə çox yaxşı deyil, lakin kiçik şəkillərin manipulyasiyası üçün çox səmərəlidir.
Lena.js-dən istifadə etmək çox asandır və şəkillərə müxtəlif effektlər tətbiq edə bilir. Şəkil filtrləri proqram proqramlarına yalnız bir kliklə şəkillərə müxtəlif effektlər tətbiq etməyə imkan verir. Kitabxana bir neçə mühüm görüntü filtrləri üçün dəstək ehtiva edir, bəzi vacibləri qauss, boz rəng, yüksək keçid, invert, laplacian, güzgü, səs-küy, Prewitt, RGB, Roberts, doyma, sepiya, kəskinləşdirmə və sairdir. Kitabxana həmçinin bir şəkilə birdən çox filtr tətbiq etməyi dəstəkləyir. Filtrlər eyni qlobal dəyişən LenaJS-də saxlanılır və açar və ya nöqtə qeydindən istifadə edərək onun id-si vasitəsilə əldə edilə bilər.
LenaJs ilə işə başlamaq
NPM vasitəsilə LenaJs quraşdırmanın tövsiyə olunan yolu. Quraşdırmaq üçün aşağıdakı əmrdən istifadə edin.
NPM vasitəsilə Lena.Js quraşdırın
npm install lena.js --save JavaScript vasitəsilə Şəkilə Filtrlər tətbiq edin
Açıq mənbəli Lena.js kitabxanası JavaScript proqramları daxilində şəkillərə müxtəlif növ effektlər tətbiq etmək üçün istifadə oluna bilən bir sıra faydalı filtrlər təqdim edib. Əvvəlcə şəklin düzgün ünvanını göstərin və sonra mövcud filtrlər siyahısından filtri seçin. Siz filterImage və redrawCanvas metodlarından istifadə edərək seçilmiş şəkilə asanlıqla filtr tətbiq edə bilərsiniz. Filtr tətbiq etmək üçün şəkil və kətan istifadə olunacaq.
JavaScript vasitəsilə səs-küy filtri əlavə edin
const noise = function (pixels, amount = 0) {
const level = amount * 255 * 0.1
let random;
for (let i = 0; i < pixels.data.length; i += 4) {
random = (0.5 - Math.random()) * level;
pixels.data[i] += random;
pixels.data[i + 1] += random;
pixels.data[i + 2] += random;
}
return pixels
}
export default noise
Şəkillərə Çoxlu Filtrlərin Tətbiqi
Lena.js kitabxanası proqram tərtibatçılarına öz JavaScript proqramlarında şəkillərinə çoxsaylı filtrlər tətbiq etməyə imkan verir. Adətən, filterImage metodu ilə təsvirə tək filtr tətbiq edilir. Şəkilə çoxsaylı filtrlər tətbiq etmək üçün filterImage əvəzinə redrawCanvas metodundan istifadə etməlisiniz. Siz ilk arqument kimi filtrlə təqdim edilmiş şəkli ötürməli və asanlıqla şəkilə əlavə olunacaq yeni filtri ikinci arqument kimi ötürməlisiniz.
JavaScript API vasitəsilə Şəkillərin işlənməsi
LenaJs kitabxanası proqram təminatı proqramçılarına proqramlı şəkildə JavaScript daxilində şəkillərə filtr əlavə etmək imkanı verir. LenaJs ilə filtrlərin tətbiqi olduqca sadədir, API filtrlər əlavə etmək üçün iki yol təqdim edir; filterImage() və redrawCanvas(). Siz filtri tətbiq etmək üsuluna şəkil və kətan təqdim etməlisiniz. Filtri əldə etmək üçün siz LenaJs['filername'] metodundan istifadə edə və filterImage() metodundan istifadə edərək şəkilə tətbiq edə bilərsiniz.
Şəkillərə Kontrast Filtr tətbiq edin<
const contrast = function (pixels, amount) {
const level = Math.pow((amount + 100) / 100, 2)
let data = pixels.data
let r
let g
let b
for (let i = 0; i < data.length; i += 4) {
r = data[i]
g = data[i + 1]
b = data[i + 2]
r = r / 255
r -= 0.5
r *= level
r += 0.5
r *= 255
g = g / 255
g -= 0.5
g *= level
g += 0.5
g *= 255
b = b / 255
b -= 0.5
b *= level
b += 0.5
b *= 255
r = r < 0 ? 0 : r > 255 ? 255 : r
g = g < 0 ? 0 : g > 255 ? 255 : g
b = b < 0 ? 0 : b > 255 ? 255 : b
data[i] = r
data[i + 1] = g
data[i + 2] = b
}
return pixels
}
export default contrast
