Atvirojo kodo JavaScript biblioteka vaizdo apdorojimui
„JavaScript“ API, skirta skirtingiems efektams pritaikyti naudojant įvairių tipų filtrus, pvz., Gauso, pilkos spalvos, aukšto dažnio, invertavimo, laplaciano, veidrodžio, RGB, Robertso, sodrumo ir kt.
Lena.js yra labai paprasta lengva vaizdo apdorojimo biblioteka, leidžianti programinės įrangos kūrėjams dirbti su įvairių tipų vaizdais iš savo „JavaScript“ programų. Tai gryna „JavaScript“ biblioteka, kuri gali veikti „Node“ ir naršyklėje be jokių išorinių priklausomybių. Biblioteka yra atvirojo kodo ir yra prieinama pagal MIT licenciją. Biblioteka nėra labai gera su sunkiais vaizdais naršyklėje, bet yra labai efektyvi manipuliuojant mažais vaizdais.
Lena.js yra labai paprasta naudoti ir vaizdams gali pritaikyti skirtingus efektus. Vaizdo filtrai leidžia programinės įrangos programoms vienu paspaudimu pritaikyti skirtingus vaizdų efektus. Į biblioteką įtrauktas kelių svarbių vaizdo filtrų palaikymas, kai kurie svarbūs yra Gauso, pilkų tonų, aukšto dažnio, invertavimo, laplaciano, veidrodžio, triukšmo, Prewitt, RGB, Roberts, sodrumo, sepijos, aštrinimo ir daugelis kitų. Biblioteka taip pat palaiko kelių filtrų taikymą vaizdui. Filtrai saugomi tame pačiame pasauliniame kintamajame LenaJS ir juos galima pasiekti naudojant jo ID, naudojant klavišą arba tašką.
Darbo su LenaJs pradžia
Rekomenduojamas būdas įdiegti LenaJs per NPM. Norėdami ją įdiegti, naudokite šią komandą.
Įdiekite Lena.Js per NPM
npm install lena.js --save Taikykite vaizdo filtrus naudodami „JavaScript“.
Atvirojo kodo Lena.js biblioteka pateikė naudingų filtrų rinkinį, kurį galima naudoti norint pritaikyti įvairius efektus vaizdams „JavaScript“ programose. Pirmiausia pateikite teisingą vaizdo adresą, tada pasirinkite filtrą iš galimų filtrų sąrašo. Norėdami lengvai pritaikyti filtrą pasirinktam vaizdui, galite naudoti filtrusImage ir redrawCanvas metodus. Filtrai pritaikyti bus naudojamas vaizdas ir drobė.
Pridėkite triukšmo filtrą naudodami „JavaScript“.
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
Kelių filtrų taikymas vaizdams
Lena.js biblioteka leidžia programinės įrangos kūrėjams pritaikyti kelis filtrus savo vaizdams savo JavaScript programose. Paprastai paveikslėliui taikomas vienas filtras filtro vaizdo metodu. Norėdami paveikslėliui pritaikyti kelis filtrus, turite naudoti metodą „redrawCanvas“, o ne „filterImage“. Turite perduoti vaizdą, jau pateiktą naudojant filtrą kaip pirmąjį argumentą, o kaip antrą argumentą turite perduoti naują filtrą, kuris bus lengvai pridėtas prie vaizdo.
Vaizdų apdorojimas naudojant JavaScript API
„LenaJs“ biblioteka programinės įrangos programuotojams suteikia galimybę programiškai pridėti filtrą vaizduose „JavaScript“. Taikyti filtrus naudojant LenaJ yra gana paprasta, API suteikia du būdus pridėti filtrus; filterImage() ir redrawCanvas(). Norėdami taikyti filtrą, metodui turite pateikti vaizdą ir drobę. Norėdami gauti filtrą, galite naudoti LenaJs['filername'] metodą ir pritaikyti jį paveikslėliui naudodami filterImage() metodą.
Taikyti vaizdams kontrasto filtrą<
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
