عمليات معالجة الصور المعقدة عبر JavaScript API 

الشروع في العمل مع جيمب

يمكنك تثبيت مكتبة Jimp بإصدار أمر بسيط في Node. استخدم الأمر التالي. 

npm install jimp 

تغيير حجم الصور باستخدام مكتبة جافا سكريبت

تضمنت مكتبة Jimp مفتوحة المصدر وظائف لتغيير حجم الصور داخل تطبيقات JavaScript الخاصة بها. تحتاج أولاً إلى تقديم صورة ومسار كامل لها. بعد ذلك يمكنك توفير الارتفاع أو العرض وستقوم مكتبة Jimp بقياس الصورة وفقًا لذلك. بمجرد الرضا ، يمكنك حفظ الصورة في المكان الذي تختاره. يمكنك أيضًا قياس الصورة بسهولة من خلال توفير عرض وارتفاع مخصصين مع الحفاظ على نسبة العرض إلى الارتفاع.

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. ستعمل وظيفة الوجه على قلب الصورة أفقيًا أو رأسيًا. الإعدادات الافتراضية هي قلب الصورة أفقيًا. ستدير وظيفة التدوير الصورة في اتجاه عقارب الساعة وستظل أبعاد الصورة كما هي.

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

تطبيق Gaussian & Color Mix على الصورة

تمويه Gaussian هو تأثير مستخدَم على نطاق واسع في برامج الرسوم ، عادةً لتقليل تشويش الصورة وتقليل التفاصيل. تمكّن مكتبة Jimp مفتوحة المصدر مبرمجي البرامج من تطبيق تمويه غاوسي حقيقي على الصورة داخل التطبيق الخاص بهم. يرجى ملاحظة أن معالجتها بطيئة نسبيًا مقارنة بوظائف المكتبة الأخرى. تدعم المكتبة أيضًا ميزة خلط الألوان وتقوم بمزج الألوان بقيم مكونات RGB الخاصة بها والمقدار هو عتامة اللون المتراكب.

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