Leabharlann Foinse Oscailte JavaScript le haghaidh Próiseáil Íomhá
JavaScript API chun éifeachtaí éagsúla a chur i bhfeidhm ar íomhánna ag baint úsáid as cineálacha éagsúla scagairí ar nós gáiseach, liathscála, pas ard, inbhéartaithe, laplacian, scáthán, RGB, Roberts, sáithiúchán & eile.
Is leabharlann próiseála íomhá éadrom an-simplí é Lena.js a chuireann ar chumas forbróirí bogearraí oibriú le cineálacha éagsúla íomhánna ón taobh istigh dá bhfeidhmchláir JavaScript. Is leabharlann JavaScript íon é atá in ann oibriú ar Nód chomh maith le brabhsálaí in-bhrabhsálaí gan aon spleáchas seachtrach. Tá an leabharlann foinse oscailte agus tá sí ar fáil faoin gceadúnas MIT. Níl an leabharlann an-mhaith le híomhánna troma taobh istigh den bhrabhsálaí ach tá sé an-éifeachtach chun íomhánna beaga a láimhseáil.
Tá Lena.js an-éasca le húsáid agus féadann sé éifeachtaí éagsúla a chur i bhfeidhm ar íomhánna. Cuireann na scagairí íomhá ar chumas aipeanna bogearraí éifeachtaí éagsúla a chur i bhfeidhm ar íomhánna le cliceáil amháin. Áiríodh sa leabharlann tacaíocht do roinnt scagairí íomhá tábhachtacha, is iad na cinn thábhachtacha ná Gaiúisis, scála liath, pas ard, inbhéartú, laplacian, scáthán, torann, Prewitt, RGB, Roberts, sáithiúchán, sepia, géarú, agus go leor eile. Tacaíonn an leabharlann freisin le scagairí iolracha a chur i bhfeidhm ar íomhá. Stóráiltear na scagairí san athróg dhomhanda chéanna LenaJS agus is féidir teacht orthu trína aitheantas ag baint úsáide as an eochair nó nodaireacht poncanna.
Tús a chur le LenaJs
An bealach molta chun LenaJs a shuiteáil trí NPM. Bain úsáid as an ordú seo a leanas chun é a shuiteáil.
Suiteáil Lena.Js trí NPM
npm install lena.js --save
Cuir Scagairí i bhFeidhm ar Íomhá trí JavaScript
Tá sraith scagairí úsáideacha curtha ar fáil ag leabharlann foinse oscailte Lena.js is féidir a úsáid chun cineálacha éagsúla éifeachtaí a chur i bhfeidhm ar íomhánna laistigh d’fheidhmchláir JavaScript. Ar dtús tabhair an seoladh ceart don íomhá agus ansin roghnaigh an scagaire ó liosta na scagairí atá ar fáil. Is féidir leat na modhanna filterImage agus redrawCanvas a úsáid chun scagaire a chur i bhfeidhm go héasca ar an íomhá roghnaithe. Úsáidfear íomhá agus canbhás chun an scagaire a chur i bhfeidhm.
Cuir Scagaire Torainn leis trí 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
Il-Scagairí a Chur i bhFeidhm ar Íomhánna
Cuireann leabharlann Lena.js ar chumas forbróirí bogearraí scagairí iolracha a chur i bhfeidhm ar a n-íomhánna taobh istigh dá n-aipeanna JavaScript féin. De ghnáth, cuirtear scagaire aonair i bhfeidhm ar íomhá trí mhodh filterImage. Chun scagairí iolracha a chur i bhfeidhm ar íomhá ní mór duit an modh redrawCanvas a úsáid in ionad filterImage. Ní mór duit íomhá atá rindreáilte cheana féin le scagaire a chur isteach mar an chéad argóint agus ní mór duit scagaire nua a phasáil mar dhara argóint a chuirfear i gceangal leis an íomhá gan stró.
Íomhánna a Phróiseáil trí JavaScript API
Tugann leabharlann LenaJs an cumas do ríomhchláraitheoirí bogearraí scagaire a chur le híomhánna taobh istigh de JavaScript go ríomhchláraithe. Tá sé simplí go leor scagairí a chur i bhfeidhm le LenaJs, soláthraíonn an API dhá bhealach chun scagairí a chur leis; filterImage() agus redrawCanvas(). Ní mór duit íomhá agus canbhás a sholáthar don mhodh chun an scagaire a chur i bhfeidhm. Chun an scagaire a fháil, is féidir leat modh LenaJs ['ainm an chomhaid'] a úsáid agus é a chur i bhfeidhm ar an íomhá ag baint úsáide as an modh filterImage().
Cuir Scagaire Codarsnachta i bhfeidhm ar Íomhánna<
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