1. Продукти
  2.   Образ
  3.   JavaScript
  4.   Jimp
 
  

Сложни операции за обработка на изображения чрез JavaScript API 

Библиотека с отворен код на JavaScript за изпълнение на усъвършенствани задачи за създаване и манипулиране на изображения, като преоразмеряване на изображение, преливане на изображение върху друго, замъгляване на изображение, мащабиране на изображение и много други. 

Програмата Jimp – Javascript Image Manipulation е библиотека Node.js с отворен код, която дава възможност на разработчиците на софтуер да извършват сложни операции за обработка на изображения в техните собствени JavaScript приложения. Написан е изцяло на JavaScript за Node, без никакви външни или собствени зависимости.

Библиотеката е много полезна за разработване на всякакъв вид усъвършенствано приложение за обработка на изображения и е напълно безплатна, така че предоставя на разработчиците рентабилно решение с лесна употреба. Библиотеката включва няколко разширени функции, свързани със създаването и манипулирането на изображения, като преоразмеряване на изображението, подобрено качество на изображенията, преливане на изображение върху друго, замъгляване на изображение, мащабиране на изображение, прилагане на дитър ефект към изображение, обръщане на изображение, обръщане на изображение цветове на изображение, завъртане на изображение, отпечатване на текст върху изображение и много други.

Библиотеката включва поддръжка за няколко разширени формати на изображения като BMP, GIF, JPEG, PNG, TIFF и много други. Налични са и някои допълнителни плъгини, които могат да се използват за някои допълнителни функции, като плъгина за кръг, който може да се използва за създаване на кръг от изображение и плъгина за сянка, който създава сянка върху изображението. Налични са плъгин за ефект на рибешко око и плъгин за праг.

Previous Next

Първи стъпки с Jimp

Можете да инсталирате библиотеката Jimp, като издадете проста команда в Node. Използвайте следната команда. 

Инсталирайте Jimp чрез NPM

npm install jimp

Преоразмеряване на изображения с помощта на JavaScript библиотека

Библиотеката Jimp с отворен код включва функционалност за преоразмеряване на изображения в техните собствени JavaScript приложения. Първо трябва да предоставите изображение и пълен път до него. След това можете да посочите или височината, или ширината и библиотеката Jimp ще мащабира съответното изображение. След като сте удовлетворени, можете да запазите изображението на избраното от вас място. Можете също така лесно да мащабирате изображението, като предоставите персонализирана ширина и височина, запазвайки съотношението на страните.

Преоразмеряване на изображения чрез 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();

Обръщайте, мащабирайте или завъртайте изображения чрез JavaScript

Библиотеката Jimp с отворен код също предоставя функционалност за няколко важни функции, свързани с манипулиране на изображения. Той позволява на разработчика да обръща, както и да мащабира изображения само с няколко реда JavaScript код. Функцията за обръщане ще обърне изображението хоризонтално или вертикално. Настройките по подразбиране са да обърнете изображението хоризонтално. Функцията за завъртане ще завърти изображението по посока на часовниковата стрелка и размерите на изображението ще останат същите.

Завъртете изображения чрез JavaScript API

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

Приложете Gaussian & Color Mix върху изображението

Размазването по Гаус е широко използван ефект в графичния софтуер, обикновено за намаляване на шума в изображението и намаляване на детайлите. Библиотеката Jimp с отворен код позволява на софтуерните програмисти да прилагат истинско размазване по Гаус към изображението в собственото си приложение. Моля, обърнете внимание, че неговата обработка е относително бавна в сравнение с други библиотечни функции. Библиотеката също така поддържа функцията за смесване на цветове и смесва цветовете според стойностите на техните RGB компоненти, а количеството е непрозрачността на цвета на наслагването.

Приложете Gaussian към изображение в JavaScript приложения

import jimp from 'jimp';
async function main() {
  const image = await jimp.read('test/image.png');
  image.gaussian(15);
}
main();
 Български