Jimp image processing library จบเรื่องจัดการ image ได้ โดย library เพียงตัวเดียว

เมื่อพบปัญหาเรามักจะหาวิธีการแก้ปัญหา

กำลังจะพัฒนาแอพที่ต้องการใส่กรอบให้รูป ก็คือการเอารูป 2 รูปมาซ้อนกันแต่มองรูปที่เอามาซ้อนเป็นกรอบ โดยพัฒนาด้วยภาษา Javascript Research หาเกือบ 2 วันโดยพยายามคิด keyword สำหรับ Search หาในระหว่าง 2 วันที่ Search หาเจอ Library ที่นาจะ work แต่เอามาลองใช้จริง มันกับใช้งานยาก Doc ก็ไม่ดีทำความเข้าใจยาก Research ไปจนพบกับ Jimp เลยจบปัญหา

ทำความเข้าใจและทดลองใช้งาน

Jimp An image processing library มัน work และตรงกับปัญหาที่ที่ผมต้องการแก้คือมันพร้อมใช้งาน doc และ example ดีมาก ถึงจะไม่มากแต่ผมอ่านแล้วก็ใช้งานได้ไม่ยาก แทบจะครบเกี่ยวกับ image เลยลองใช้งานดู

เริ่มลองใช้งานเลยเถอะ

ไม่ได้มีอะไรมากเครื่องมี Nodejs และก็ Editor ดี ๆ สักตัว (VSCode สิ ใคร ๆ เขาก็ใช้กัน)
1. npm init -y
2. npm i jimp
3. เขียนโค๊ดเพื่อลองใช้งานแต่ละ Function (I/O)

Image for post
Image for post
กรอกรูป | รูปหลัก (Input)
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
เบลอ | ใส่กรอก | เปลี่ยนสี (Output)
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
แทรกข้อความ | ย่อขนาด | หมุน 45 องศา (Output)

ตัวอย่างการใช้งานที่ง่าย ๆ ศึกษาเพิ่มเติมได้จาก Jimp ,Github

ขอบคุณที่ติดตามบทความครับ

Written by

Senior Developer @Telecom, Full Stack Developer [Subscribe Me @poolsawat.com]

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store