Złożone operacje przetwarzania obrazu za pomocą interfejsu API JavaScript 

Biblioteka JavaScript typu Open Source do wykonywania zaawansowanych zadań związanych z tworzeniem i manipulowaniem obrazami, takimi jak zmiana rozmiaru obrazu, łączenie obrazu na inny, rozmycie obrazu, skalowanie obrazu i wiele innych. 

Jimp – program manipulacji obrazem JavaScript to biblioteka Node.js typu open source, która daje programistom możliwość wykonywania złożonych operacji przetwarzania obrazu we własnych aplikacjach JavaScript. Jest napisany w całości w JavaScript dla Node, bez żadnych zewnętrznych czy natywnych zależności.

Biblioteka jest bardzo przydatna do tworzenia wszelkiego rodzaju zaawansowanych aplikacji do przetwarzania obrazu i jest całkowicie darmowa, dzięki czemu zapewnia programistom ekonomiczne rozwiązanie z łatwością obsługi. Biblioteka zawiera kilka zaawansowanych funkcji związanych z tworzeniem i manipulacją obrazem, takich jak zmiana rozmiaru obrazu, podwyższona jakość obrazów, blitzing obrazu na inny, rozmycie obrazu, skalowanie obrazu, stosowanie efektu ditheringu na obrazie, odwracanie obrazu, odwracanie kolory obrazu, obracanie obrazu, drukowanie tekstu na obrazie i wiele innych.

Biblioteka zawiera obsługę kilku zaawansowanych formatów graficznych, takich jak BMP, GIF, JPEG, PNG, TIFF i wielu innych. Dostępnych jest również kilka dodatkowych wtyczek, których można użyć do dodatkowych funkcji, takich jak wtyczka okręgu, której można użyć do utworzenia okręgu z obrazu i wtyczka cienia, która tworzy cień na obrazie. Dostępna jest wtyczka efektu rybiego oka i wtyczka progowa.

Previous Next

Pierwsze kroki z Jimp

Możesz zainstalować bibliotekę Jimp, wydając proste polecenie w Node. Użyj następującego polecenia. 

Zainstaluj Jimpa przez NPM

npm install jimp 

Zmień rozmiar obrazów za pomocą biblioteki JavaScript

Biblioteka Jimp o otwartym kodzie źródłowym zawiera funkcję zmiany rozmiaru obrazów we własnych aplikacjach JavaScript. Najpierw musisz podać obraz i pełną ścieżkę do niego. Następnie możesz podać wysokość lub szerokość, a biblioteka Jimp odpowiednio przeskaluje obraz. Gdy będziesz zadowolony, możesz zapisać obraz w wybranym przez siebie miejscu. Możesz również łatwo skalować obraz, zapewniając niestandardową szerokość i wysokość, zachowując proporcje.

Zmień rozmiar obrazów za pomocą 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();

Odwracaj, skaluj lub obracaj obrazy za pomocą JavaScript

Biblioteka Jimp o otwartym kodzie źródłowym zapewnia również funkcjonalność kilku ważnych funkcji związanych z manipulacją obrazami. Pozwala programiście na odwracanie i skalowanie obrazów za pomocą zaledwie kilku linii kodu JavaScript. Funkcja odwracania odwróci obraz w poziomie lub w pionie. Domyślne ustawienia to odwrócenie obrazu w poziomie. Funkcja obracania obróci obraz zgodnie z ruchem wskazówek zegara, a wymiary obrazu pozostaną takie same.

Obracaj obrazy za pomocą interfejsu API JavaScript

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

Zastosuj mieszankę Gaussa i kolorów na obrazie

Rozmycie gaussowskie jest szeroko stosowanym efektem w oprogramowaniu graficznym, zwykle w celu zmniejszenia szumu obrazu i zmniejszenia szczegółowości. Biblioteka Jimp o otwartym kodzie źródłowym umożliwia programistom zastosowanie prawdziwego rozmycia Gaussa do obrazu w ich własnej aplikacji. Proszę zauważyć, że jego przetwarzanie jest stosunkowo wolne w porównaniu z innymi funkcjami bibliotecznymi. Biblioteka obsługuje również funkcję mieszania kolorów i miesza kolory według ich wartości składowych RGB, a ilość jest nieprzezroczystością nakładanego koloru.

Zastosuj Gaussa do obrazu w aplikacjach JavaScript

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