1. Produktai
  2.   Vaizdas
  3.   JavaScript
  4.   Jimp
 
  

Sudėtingos vaizdo apdorojimo operacijos naudojant „JavaScript“ API 

Atvirojo šaltinio „JavaScript“ biblioteka, kad atliktumėte išplėstines vaizdų kūrimo ir manipuliavimo užduotis, pvz., vaizdo dydžio keitimą, vaizdo perkėlimą į kitą, vaizdo suliejimą, vaizdo mastelio keitimą ir daug daugiau. 

Jimp – Javascript vaizdų manipuliavimo programa yra atvirojo kodo Node.js biblioteka, suteikianti programinės įrangos kūrėjams galimybę atlikti sudėtingas vaizdo apdorojimo operacijas savo JavaScript programose. Jis parašytas tik „JavaScript for Node“, be jokių išorinių ar vietinių priklausomybių.

Biblioteka yra labai naudinga kuriant bet kokias pažangias vaizdo apdorojimo programas ir yra visiškai nemokama, todėl kūrėjams suteikiamas ekonomiškas sprendimas ir paprastas naudojimas. Bibliotekoje yra keletas pažangių funkcijų, susijusių su vaizdų kūrimu ir manipuliavimu, pvz., vaizdo dydžio keitimas, geresnė vaizdų kokybė, vaizdo perkėlimas į kitą, vaizdo suliejimas, vaizdo mastelio keitimas, vaizdo keitimo efekto taikymas, vaizdo apvertimas, vaizdo apvertimas. vaizdo spalvas, pasukti vaizdą, spausdinti tekstą ant vaizdo ir dar daugiau.

Bibliotekoje palaikomi keli pažangūs vaizdo formatai, tokie kaip BMP, GIF, JPEG, PNG, TIFF ir daugelis kitų. Taip pat yra keletas papildomų įskiepių, kurie gali būti naudojami kai kurioms papildomoms funkcijoms, pvz., apskritimo įskiepis, kurį galima naudoti apskritimui iš vaizdo sukurti, ir šešėlių įskiepis, kuris sukuria šešėlį ant vaizdo. Yra žuvies akies efekto įskiepis ir slenksčio įskiepis.

Previous Next

Darbo su Jimp pradžia

Galite įdiegti biblioteką „Jimp“ išleisdami paprastą komandą „Node“. Naudokite šią komandą. 

Įdiekite Jimp per NPM

npm install jimp

Pakeiskite vaizdų dydį naudodami „JavaScript“ biblioteką

Atvirojo kodo „Jimp“ bibliotekoje yra funkcija, leidžianti keisti vaizdų dydį savo „JavaScript“ programose. Pirmiausia turite pateikti vaizdą ir visą kelią iki jo. Po to galite nurodyti aukštį arba plotį, o Jimp biblioteka atitinkamai pakeis vaizdą. Kai būsite patenkinti, galite išsaugoti vaizdą pasirinktoje vietoje. Taip pat galite lengvai pakeisti vaizdo mastelį, nurodydami pasirinktinį plotį ir aukštį, išlaikydami formato santykį.

Pakeiskite vaizdų dydį naudodami „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();

Apverskite, pakeiskite arba pasukite vaizdus naudodami „JavaScript“.

Atvirojo kodo Jimp biblioteka taip pat suteikė funkcionalumą kelioms svarbioms funkcijoms, susijusioms su vaizdo manipuliavimu. Tai leidžia kūrėjui apversti ir keisti vaizdus naudojant tik kelias JavaScript kodo eilutes. Apvertimo funkcija apvers vaizdą horizontaliai arba vertikaliai. Numatytieji nustatymai yra apversti vaizdą horizontaliai. Pasukimo funkcija pasuks vaizdą pagal laikrodžio rodyklę, o vaizdo matmenys išliks tokie patys.

Pasukti vaizdus per JavaScript API

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

Vaizdui pritaikykite Gauso ir spalvų mišinį

Gauso suliejimas yra plačiai naudojamas grafikos programinėje įrangoje efektas, paprastai siekiant sumažinti vaizdo triukšmą ir detales. Atvirojo kodo Jimp biblioteka leidžia programuotojams pritaikyti tikrą Gauso suliejimą vaizdui savo programoje. Atkreipkite dėmesį, kad jos apdorojimas yra gana lėtas, palyginti su kitomis bibliotekos funkcijomis. Biblioteka taip pat palaiko spalvų maišymo funkciją ir maišo spalvas pagal jų RGB komponentų reikšmes, o kiekis yra perdengiančios spalvos neskaidrumas.

Taikyti Gaussian vaizdui „JavaScript“ programose

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