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