Monimutkaiset kuvankäsittelytoiminnot JavaScript-sovellusliittymän kautta
Avoimen lähdekoodin JavaScript-kirjasto suorittaaksesi edistyneitä kuvien luonti- ja käsittelytehtäviä, kuten kuvan koon muuttamisen, kuvan siirtämisen toiseen, kuvan sumentamista, kuvan skaalaaminen ja monia muita tehtäviä.
Jimp – Javascript Image Manipulation Program on avoimen lähdekoodin Node.js-kirjasto, joka antaa ohjelmistokehittäjille mahdollisuuden suorittaa monimutkaisia kuvankäsittelytoimintoja omissa JavaScript-sovelluksissaan. Se on kirjoitettu kokonaan JavaScript for Node, ilman ulkoisia tai alkuperäisiä riippuvuuksia.
Kirjasto on erittäin hyödyllinen kaikenlaisten edistyneiden kuvankäsittelysovellusten kehittämiseen ja on täysin ilmainen, joten se tarjoaa kehittäjille kustannustehokkaan ja helppokäyttöisen ratkaisun. Kirjasto sisältää useita edistyneitä ominaisuuksia, jotka liittyvät kuvien luomiseen ja käsittelyyn, kuten kuvan koon muuttaminen, parannettu kuvien laatu, kuvan siirtäminen toiseen, kuvan hämärtäminen, kuvan skaalaus, dither-tehosteen käyttäminen kuvaan, kuvan kääntäminen, kuvan kääntäminen. kuvan värejä, kiertää kuvaa, tulostaa tekstiä kuvan päälle ja paljon muuta.
Kirjasto tukee useita kehittyneitä kuvamuotoja, kuten BMP, GIF, JPEG, PNG, TIFF ja monia muita. Saatavilla on myös joitain lisälaajennuksia, joita voidaan käyttää joihinkin lisätoimintoihin, kuten ympyrälaajennus, jolla voidaan luoda ympyrä kuvasta, ja varjolaajennus, joka luo varjon kuvaan. Siellä on saatavilla kalansilmäefektilaajennus ja kynnyslaajennus.
Jimpin käytön aloittaminen
Voit asentaa Jimp-kirjaston antamalla yksinkertaisen komennon Nodessa. Käytä seuraavaa komentoa.
Asenna Jimp NPM:n kautta
npm install jimp Muuta kuvien kokoa JavaScript-kirjaston avulla
Avoimen lähdekoodin Jimp-kirjastossa on toimintoja kuvien koon muuttamiseen omissa JavaScript-sovelluksissa. Ensin sinun on annettava kuva ja täydellinen polku siihen. Tämän jälkeen voit antaa joko korkeuden tai leveyden ja Jimp-kirjasto skaalaa kuvan vastaavasti. Kun olet tyytyväinen, voit tallentaa kuvan haluamaasi paikkaan. Voit myös skaalata kuvaa helposti antamalla mukautetun leveyden ja korkeuden pitämällä kuvasuhteen.
Muuta kuvien kokoa JavaScriptin avulla
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();
Käännä, skaalaa tai kierrä kuvia JavaScriptin avulla
Avoimen lähdekoodin Jimp-kirjasto on myös tarjonnut toimintoja useille tärkeille kuvankäsittelyyn liittyville ominaisuuksille. Sen avulla kehittäjä voi kääntää ja skaalata kuvia vain parilla JavaScript-koodirivillä. Kääntötoiminto kääntää kuvan vaaka- tai pystysuunnassa. Oletusasetuksena on kääntää kuva vaakasuoraan. Kierrä-toiminto kääntää kuvaa myötäpäivään ja kuvan mitat pysyvät samoina.
Kierrä kuvia JavaScript API:n kautta
import jimp from 'jimp';
async function main() {
const image = await jimp.read('test/image.png');
image.rotate(90);
}
main();
Käytä Gaussian & Color Mix -sekoitusta kuvaan
Gaussin sumeus on grafiikkaohjelmistoissa laajalti käytetty tehoste, joka tyypillisesti vähentää kuvan kohinaa ja yksityiskohtia. Avoimen lähdekoodin Jimp-kirjaston avulla ohjelmoijat voivat soveltaa kuvaan todellista Gaussin sumeutta omassa sovelluksessaan. Huomaa, että sen käsittely on suhteellisen hidasta muihin kirjastotoimintoihin verrattuna. Kirjasto tukee myös värien sekoitusominaisuutta ja se sekoittaa värejä niiden RGB-komponenttiarvojen perusteella, ja määrä on päällekkäisen värin opasiteetti.
Käytä Gaussiaa JavaScript-sovellusten kuvassa
import jimp from 'jimp';
async function main() {
const image = await jimp.read('test/image.png');
image.gaussian(15);
}
main();
