1. Товары
  2.   Изображение
  3.   JavaScript
  4.   Jimp
 
  

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

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

Программа Jimp — Javascript Image Manipulation Program — это библиотека Node.js с открытым исходным кодом, которая дает разработчикам программного обеспечения возможность выполнять сложные операции обработки изображений в своих собственных приложениях JavaScript. Он полностью написан на JavaScript для Node, без каких-либо внешних или собственных зависимостей.

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

Библиотека включает поддержку нескольких расширенных форматов изображений, таких как BMP, GIF, JPEG, PNG, TIFF и многих других. Также доступны некоторые дополнительные плагины, которые можно использовать для некоторых дополнительных функций, таких как плагин круга, который можно использовать для создания круга из изображения, и плагин тени, который создает тень на изображении. Доступны плагин эффекта «рыбий глаз» и пороговый плагин.

Previous Next

Начало работы с Джимпом

Вы можете установить библиотеку 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. Функция переворота перевернет изображение по горизонтали или по вертикали. Настройки по умолчанию — перевернуть изображение по горизонтали. Функция поворота повернет изображение по часовой стрелке, а размеры изображения останутся прежними.

Rotate Images через 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, а количество — это непрозрачность наложенного цвета.

Применить русский к изображению внутри JavaScript приложений

import jimp from 'jimp';
async function main() {
  const image = await jimp.read('test/image.png');
  image.gaussian(15);
}
main();
 Русский