🍋
Menu
Image

Crop

裁剪(图像区域选择)

选择并仅保留图像的矩形部分,同时丢弃该区域外所有内容的操作。裁剪改善构图、移除不需要的元素或为特定尺寸准备图像。

技术细节

裁剪从像素网格中提取由(x, y, width, height)坐标定义的子矩形。常见宽高比:1:1(正方形,社交媒体)、4:3(传统照片)、16:9(宽屏,视频)、3:2(数码单反默认)。裁剪是无损的(没有重新压缩),但会减少像素数从而降低有效分辨率。

示例

```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
);
```

相关工具

相关术语