Crop
Recorte (selección de región de imagen)
La operación de seleccionar y conservar solo una porción rectangular de una imagen, descartando todo lo que queda fuera del área seleccionada para mejorar la composición o ajustar las proporciones.
Detalle técnico
El recorte extrae un sub-rectángulo definido por coordenadas (x, y, ancho, alto) de la imagen original. Es una operación sin pérdida cuando se realiza sin recompresión. Las proporciones comunes incluyen 1:1 (cuadrado, redes sociales), 4:3 (fotos), 16:9 (vídeo/pantalla panorámica), 3:2 (DSLR) y 9:16 (historias verticales). El recorte inteligente utiliza detección de rostros o puntos de interés para elegir automáticamente la mejor región de recorte.
Ejemplo
```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
);
```