Crop
Image Crop
การครอป (Crop) คือกระบวนการตัดขอบหรือส่วนที่ไม่ต้องการออกจากรูปภาพ เหลือเฉพาะพื้นที่ที่ต้องการ การครอปเปลี่ยนองค์ประกอบภาพ อัตราส่วนภาพ และขนาดไฟล์โดยไม่ส่งผลกระทบต่อคุณภาพของพิกเซลที่เหลือ
รายละเอียดทางเทคนิค
การครอปเป็นการดำเนินการที่ไม่สูญเสียคุณภาพ (non-destructive สำหรับพิกเซลที่เหลือ) ที่กำหนดด้วยสี่เหลี่ยมตัด (x, y, width, height) สำหรับ JPEG จะมีเทคนิค lossless crop ที่ตัดตามขอบเขตบล็อก MCU (ปกติ 8×8 หรือ 16×16 พิกเซล) โดยไม่ต้องถอดรหัสและเข้ารหัสภาพใหม่
ตัวอย่าง
```javascript
// Crop image to specific region
const canvas = document.createElement('canvas');
canvas.width = cropWidth;
canvas.height = cropHeight;
const ctx = canvas.getContext('2d');
ctx.drawImage(
img,
cropX, cropY, cropWidth, cropHeight, // source rect
0, 0, cropWidth, cropHeight // dest rect
);
```