1. Produkti
  2.   Attēls
  3.   JavaScript
  4.   Jimp
 
  

Sarežģītas attēlu apstrādes darbības, izmantojot JavaScript API 

Atvērtā pirmkoda JavaScript bibliotēka, lai veiktu uzlabotus attēlu izveides un manipulācijas uzdevumus, piemēram, attēla izmēru maiņu, attēla pārslēgšanu uz citu, attēla aizmiglošanu, attēla mērogošanu un daudz ko citu. 

Jimp — Javascript attēlu manipulācijas programma ir atvērtā pirmkoda Node.js bibliotēka, kas programmatūras izstrādātājiem sniedz iespēju veikt sarežģītas attēlu apstrādes darbības savās JavaScript lietotnēs. Tas ir pilnībā uzrakstīts JavaScript for Node, bez jebkādām ārējām vai vietējām atkarībām.

Bibliotēka ir ļoti noderīga, lai izstrādātu jebkāda veida uzlabotas attēlu apstrādes lietojumprogrammas, un tā ir pilnīgi bez maksas, tāpēc izstrādātājiem sniedz rentablu risinājumu ar ērtu lietošanu. Bibliotēkā ir iekļautas vairākas uzlabotas funkcijas, kas saistītas ar attēlu veidošanu un manipulācijām, piemēram, attēla izmēru maiņa, uzlabota attēlu kvalitāte, attēla pārslēgšana uz citu, attēla aizmiglošana, attēla mērogošana, attēla izkliedēšanas efekta lietošana, attēla apgriešana, attēla apvēršana. attēla krāsas, pagriezt attēlu, drukāt tekstu uz attēla un daudz ko citu.

Bibliotēkā ir iekļauts atbalsts vairākiem uzlabotiem attēlu formātiem, piemēram, BMP, GIF, JPEG, PNG, TIFF un daudziem citiem. Ir pieejami arī daži papildu spraudņi, kurus var izmantot dažām papildu funkcijām, piemēram, apļa spraudnis, ko var izmantot, lai no attēla izveidotu apli, un ēnu spraudnis, kas rada ēnu uz attēla. Ir pieejams zivs acs efekta spraudnis un sliekšņa spraudnis.

Previous Next

Darba sākšana ar Jimp

Jūs varat instalēt bibliotēku Jimp, izdodot vienkāršu komandu Node. Izmantojiet šādu komandu. 

Instalējiet Jimp, izmantojot NPM

npm install jimp

Mainiet attēlu izmērus, izmantojot JavaScript bibliotēku

Atvērtā pirmkoda Jimp bibliotēkā ir iekļauta funkcionalitāte attēlu izmēru maiņai savās JavaScript lietojumprogrammās. Vispirms jums ir jānodrošina attēls un pilnīgs ceļš uz to. Pēc tam varat norādīt augstumu vai platumu, un Jimp bibliotēka attiecīgi mērogos attēlu. Kad esat apmierināts, varat saglabāt attēlu jūsu izvēlētajā vietā. Varat arī viegli mērogot attēlu, nodrošinot pielāgotu platumu un augstumu, saglabājot proporciju.

Mainiet attēlu izmērus, izmantojot JavaScript

import jimp from 'jimp';
async function main() {
	// Read the image.
	const image = await jimp.read('test/image.png');
	// Resize the image to width 150 and auto height.
	await image.resize(150, jimp.AUTO);
	// Save and overwrite the image
	await image.writeAsync('test/image.png');
}
main();

Apvērsiet, mērogojiet vai pagrieziet attēlus, izmantojot JavaScript

Atvērtā pirmkoda Jimp bibliotēka ir nodrošinājusi arī funkcionalitāti vairākām svarīgām ar attēlu manipulācijām saistītām funkcijām. Tas ļauj izstrādātājam apgriezt, kā arī mērogot attēlus, izmantojot tikai dažas JavaScript koda rindiņas. Flip funkcija apvērs attēlu horizontāli vai vertikāli. Noklusējuma iestatījumi ir attēla apvēršana horizontāli. Pagriešanas funkcija pagriezīs attēlu pulksteņrādītāja virzienā, un attēla izmēri paliks tādi paši.

Pagriezt attēlus, izmantojot JavaScript API

import jimp from 'jimp';
async function main() {
  const image = await jimp.read('test/image.png');
  image.rotate(90);
}
main();

Uzklājiet uz attēla Gausa un krāsu sajaukumu

Gausa izplūšana ir grafikas programmatūrā plaši izmantots efekts, parasti, lai samazinātu attēla troksni un detaļas. Atvērtā pirmkoda Jimp bibliotēka ļauj programmatūras programmētājiem piemērot attēlam patiesu Gausa izplūšanu savā lietojumprogrammā. Lūdzu, ņemiet vērā, ka tā apstrāde ir salīdzinoši lēna, salīdzinot ar citām bibliotēkas funkcijām. Bibliotēka atbalsta arī krāsu sajaukšanas funkciju un sajauc krāsas pēc to RGB komponentu vērtībām, un summa ir pārklājošās krāsas necaurredzamība.

Lietojiet Gaussian attēlam JavaScript lietotnēs

import jimp from 'jimp';
async function main() {
  const image = await jimp.read('test/image.png');
  image.gaussian(15);
}
main();
 Latviski