การประมวลผลภาพที่ซับซ้อน ผ่าน JavaScript API 

ไลบรารี JavaScript แบบโอเพนซอร์สเพื่อดำเนินการสร้างและจัดการรูปภาพขั้นสูง เช่น การปรับขนาดรูปภาพ สายฟ้าแลบไปยังรูปภาพอื่น เบลอรูปภาพ ปรับขนาดรูปภาพ และอื่นๆ อีกมากมาย 

โปรแกรม Jimp – Javascript Image Manipulation เป็นไลบรารี Node.js แบบโอเพนซอร์สที่ช่วยให้นักพัฒนาซอฟต์แวร์สามารถดำเนินการประมวลผลภาพที่ซับซ้อนภายในแอป JavaScript ของตนเองได้ มันถูกเขียนด้วย JavaScript สำหรับ Node ทั้งหมด โดยไม่ต้องพึ่งพาภายนอกหรือดั้งเดิม

ไลบรารี่มีประโยชน์อย่างมากสำหรับการพัฒนาแอปพลิเคชั่นประมวลผลภาพขั้นสูงทุกประเภท และฟรีทั้งหมด ดังนั้นนักพัฒนาจึงได้รับโซลูชันที่คุ้มค่าและใช้งานง่าย ไลบรารีประกอบด้วยคุณสมบัติขั้นสูงหลายอย่างที่เกี่ยวข้องกับการสร้างและปรับแต่งภาพ เช่น การปรับขนาดภาพ คุณภาพของภาพที่เพิ่มขึ้น การกะพริบภาพไปยังอีกภาพหนึ่ง การเบลอภาพ การปรับขนาดภาพ การใช้เอฟเฟ็กต์สีกับภาพ การพลิกภาพ พลิกภาพ สีของรูปภาพ หมุนรูปภาพ พิมพ์ข้อความลงบนรูปภาพ และอื่นๆ อีกมากมาย

ไลบรารีนี้รองรับรูปแบบภาพขั้นสูงหลายรูปแบบ เช่น BMP, GIF, JPEG, PNG, TIFF และอื่นๆ อีกมากมาย นอกจากนี้ยังมีปลั๊กอินพิเศษบางตัวที่สามารถใช้สำหรับการทำงานพิเศษบางอย่าง เช่น ปลั๊กอินวงกลมที่สามารถใช้สร้างวงกลมจากรูปภาพ และปลั๊กอินเงาที่สร้างเงาบนรูปภาพ มีปลั๊กอินเอฟเฟกต์ฟิชอายและปลั๊กอินเกณฑ์

Previous Next

เริ่มต้นกับ Jimp

คุณสามารถติดตั้งไลบรารี Jimp ได้โดยออกคำสั่งง่ายๆ ใน Node.js ใช้คำสั่งต่อไปนี้ 

ติดตั้ง Jimp ผ่าน NPM

npm install jimp 

ปรับขนาดรูปภาพโดยใช้ JavaScript Library

ไลบรารี 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 บน Image

การเบลอแบบเกาส์เซียนเป็นเอฟเฟกต์ที่ใช้กันอย่างแพร่หลายในซอฟต์แวร์กราฟิก โดยทั่วไปแล้วจะใช้เพื่อลดสัญญาณรบกวนของภาพและลดรายละเอียด ไลบรารี Jimp แบบโอเพ่นซอร์สช่วยให้โปรแกรมเมอร์ซอฟต์แวร์ใช้ Gaussian blur ที่แท้จริงกับรูปภาพภายในแอปพลิเคชันของตนเองได้ โปรดทราบว่าการประมวลผลค่อนข้างช้าเมื่อเทียบกับฟังก์ชันอื่นๆ ของไลบรารี ไลบรารียังสนับสนุนคุณลักษณะการผสมสีและผสมสีตามค่าองค์ประกอบ RGB และปริมาณคือความทึบของสีที่ซ้อนทับ

ใช้รัสเซียกับภาพภายใน JavaScript ปพลิเคชัน

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