Atvērtā pirmkoda JavaScript bibliotēka attēlu apstrādei

JavaScript API dažādu efektu izmantošanai attēliem, izmantojot dažāda veida filtrus, piemēram, Gausa, pelēktoņu, augstas caurlaidības, invertēšanas, laplasa, spoguļa, RGB, Roberts, piesātinājuma un citus filtrus.

Lena.js ir ļoti vienkārša, viegla attēlu apstrādes bibliotēka, kas programmatūras izstrādātājiem ļauj strādāt ar dažāda veida attēliem no JavaScript lietojumprogrammām. Tā ir tīra JavaScript bibliotēka, kas var darboties gan mezglā, gan pārlūkprogrammā bez ārējām atkarībām. Bibliotēka ir atvērtā koda un ir pieejama saskaņā ar MIT licenci. Bibliotēka nav ļoti laba ar smagiem attēliem pārlūkprogrammā, taču tā ir ļoti efektīva, lai manipulētu ar maziem attēliem.

Lena.js ir ļoti viegli lietojams, un tas var izmantot dažādus efektus attēliem. Attēlu filtri ļauj programmatūras lietotnēm piemērot dažādus efektus attēliem ar vienu klikšķi. Bibliotēkā ir iekļauts atbalsts vairākiem svarīgiem attēlu filtriem, daži svarīgi ir Gausa, pelēktoņu, augstās caurlaidības, invertēšanas, laplacian, spogulis, troksnis, Prewitt, RGB, Roberts, piesātinājums, sēpija, asināšana un daudzi citi. Bibliotēka atbalsta arī vairāku filtru lietošanu attēlam. Filtri tiek glabāti tajā pašā globālajā mainīgajā LenaJS, un tiem var piekļūt, izmantojot tā ID, izmantojot taustiņu vai punktu apzīmējumu.

Previous Next

Darba sākšana ar LenaJs

Ieteicamais veids, kā instalēt LenaJ, izmantojot NPM. Lūdzu, izmantojiet šo komandu, lai to instalētu.

Instalējiet Lena.Js, izmantojot NPM

 npm install lena.js --save 

Lietojiet filtrus attēlam, izmantojot JavaScript

Atvērtā pirmkoda Lena.js bibliotēka ir nodrošinājusi noderīgu filtru kopu, ko var izmantot, lai JavaScript lietojumprogrammās attēliem lietotu dažādus efektus. Vispirms, lūdzu, norādiet attēlam pareizo adresi un pēc tam atlasiet filtru no pieejamo filtru saraksta. Varat izmantot metodes filterImage un redrawCanvas, lai atlasītajam attēlam viegli piemērotu filtru. Lai piemērotu filtru, tiks izmantots attēls un audekls.

Pievienojiet trokšņu filtru, izmantojot 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
 

Vairāku filtru lietošana attēliem

Lena.js bibliotēka ļauj programmatūras izstrādātājiem izmantot vairākus filtrus saviem attēliem savās JavaScript lietotnēs. Parasti attēlam tiek piemērots viens filtrs, izmantojot metodi filterImage. Lai attēlam lietotu vairākus filtrus, ir jāizmanto redrawCanvas metode, nevis filterImage. Jums ir jānodod attēls, kas jau ir atveidots ar filtru kā pirmais arguments, un ir jānodod jauns filtrs kā otrais arguments, kas tiks viegli pievienots attēlam.

Attēlu apstrāde, izmantojot JavaScript API

LenaJs bibliotēka sniedz programmatūras programmētājiem iespēju programmatiski pievienot filtru JavaScript iekšienē esošajiem attēliem. Filtru lietošana ar LenaJ ir diezgan vienkārša, API nodrošina divus filtru pievienošanas veidus; filterImage() un redrawCanvas(). Lai lietotu filtru, metodei ir jānorāda attēls un audekls. Lai iegūtu filtru, varat izmantot LenaJs['faila nosaukums'] metodi un lietot to attēlam, izmantojot metodi filterImage().

Lietot kontrasta filtru attēliem<

 
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
 
 Latviski