Crop
Recorte (Selecao de Regiao de Imagem)
A acao de selecionar e manter uma porcao retangular de uma imagem, removendo a area exterior para melhorar a composicao, focar no assunto ou cumprir requisitos especificos de racio de aspeto.
Detalhe técnico
O recorte define um retangulo (x, y, largura, altura) dentro dos limites da imagem original. As APIs de canvas e bibliotecas de processamento de imagem implementam recorte como copia de sub-array de memoria. Os racios de aspeto comuns: 1:1 (quadrado, perfil social), 4:3 (foto padrao), 16:9 (widescreen), 9:16 (stories moveis), 3:2 (DSLR). O recorte sem perda em JPEG e possivel em limites MCU de 8x8 ou 16x16 pixeis sem re-compressao.
Exemplo
```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
);
```