Složité operace zpracování obrázků prostřednictvím rozhraní JavaScript API 

Open Source JavaScript Library pro provádění pokročilých úkolů při vytváření obrázků a manipulaci s nimi, jako je změna velikosti obrázku, přemístění obrázku na jiný, rozmazání obrázku, změna měřítka obrázku a mnoho dalších. 

Jimp – Javascript Image Manipulation Program je knihovna Node.js s otevřeným zdrojovým kódem, která vývojářům softwaru umožňuje provádět složité operace zpracování obrázků v rámci jejich vlastních aplikací JavaScript. Je napsán zcela v JavaScriptu pro Node, bez jakýchkoli externích nebo nativních závislostí.

Knihovna je velmi užitečná pro vývoj jakékoli pokročilé aplikace pro zpracování obrazu a je zcela zdarma, takže poskytuje vývojářům cenově efektivní řešení se snadným použitím. Knihovna obsahuje několik pokročilých funkcí souvisejících s vytvářením obrázků a manipulací s nimi, jako je změna velikosti obrázku, vylepšená kvalita obrázků, přemístění obrázku na jiný, rozmazání obrázku, změna měřítka obrázku, použití efektu rozkladu obrázku, převrácení obrázku, převrácení obrázku. barvy obrázku, otočení obrázku, tisk textu na obrázek a mnoho dalších.

Knihovna obsahuje podporu pro několik pokročilých obrazových formátů, jako jsou BMP, GIF, JPEG, PNG, TIFF a mnoho dalších. K dispozici jsou také některé další pluginy, které lze použít pro některé další funkce, jako je kruhový plugin, který lze použít k vytvoření kruhu z obrázku, a plugin pro stíny, který vytváří stín na obrázku. K dispozici je plugin pro efekt rybího oka a prahový plugin.

Previous Next

Začínáme s Jimpem

Knihovnu Jimp můžete nainstalovat zadáním jednoduchého příkazu v Node. Použijte následující příkaz. 

Nainstalujte Jimp prostřednictvím NPM

npm install jimp 

Změna velikosti obrázků pomocí knihovny JavaScript

Open source knihovna Jimp obsahuje funkce pro změnu velikosti obrázků uvnitř jejich vlastních aplikací JavaScript. Nejprve musíte poskytnout obrázek a úplnou cestu k němu. Poté můžete zadat buď výšku nebo šířku a knihovna Jimp podle toho upraví měřítko obrázku. Jakmile budete spokojeni, můžete si obrázek uložit na vámi zvolené místo. Můžete také snadno změnit měřítko obrázku poskytnutím vlastní šířky a výšky při zachování poměru stran.

Změna velikosti obrázků pomocí JavaScriptu

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();

Převrátit, změnit měřítko nebo otočit obrázky pomocí JavaScriptu

Open source knihovna Jimp také poskytuje funkce pro několik důležitých funkcí souvisejících s manipulací s obrázky. Umožňuje vývojáři obracet a také škálovat obrázky pomocí pouhých několika řádků kódu JavaScript. Funkce převrácení převrátí obrázek vodorovně nebo svisle. Výchozí nastavení je horizontální převrácení obrázku. Funkce otočení otočí obrázek ve směru hodinových ručiček a rozměry obrázku zůstanou stejné.

Otočte obrázky přes JavaScript API

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

Naneste na obrázek Gaussian & Color Mix

Gaussovské rozostření je široce používaný efekt v grafickém softwaru, obvykle ke snížení obrazového šumu a snížení detailů. Open source knihovna Jimp umožňuje softwarovým programátorům aplikovat skutečné Gaussovské rozostření na obraz uvnitř jejich vlastní aplikace. Upozorňujeme, že jeho zpracování je ve srovnání s jinými funkcemi knihovny relativně pomalé. Knihovna také podporuje funkci míchání barev a míchá barvy podle jejich hodnot složek RGB a množství je krytí překrývajících barev.

Použijte Gaussian na obrázek v aplikacích JavaScript

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