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

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

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

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

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

ได้อย่างรวดเร็ว

ภาพรวมของคุณสมบัติ Jimp

ภาพรวมคุณสมบัติ

สร้างภาพ
ปรับขนาดภาพ
การครอบตัดรูปภาพ
ปรับขนาดภาพ
คัดลอกรูปภาพ
แก้ไขภาพ
การโคลนภาพ
ใช้ลายน้ำ
แสดงภาพ
การบีบอัดภาพ
พลิกภาพ
ภาพสายฟ้าแลบ
วาดข้อความ
เอฟเฟกต์ภาพ
การเข้ารหัสรูปภาพ

Jimp

Jimp รองรับรูปแบบไฟล์รูปภาพยอดนิยมตามรายการด้านล่าง

ผู้อ่าน

GIF, PNG, JPEG, BMP

นักเขียน

JPEG, PNG, BMP, TIFF

Jimp

ความเป็นอิสระของแพลตฟอร์ม

Jimp สามารถใช้ได้ในหลายสภาพแวดล้อม เช่น โหนดหรือเบราว์เซอร์ เป็นต้น

JavaScript

Jimp

เริ่มต้นกับ 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();