Requisito técnico: componente para recortar imagens
Objetivo:
Desenvolver um componente próprio do zero (Vue + TypeScript) que permita ao utilizador carregar uma imagem, selecionar uma área para recortar e obter o resultado em forma de coordenadas.
Requisitos funcionais:
1. Componente independente
- O componente deve ser totalmente autónomo, escrito do zero.
- Utilizar Vue e TypeScript.
2. Carregamento e exibição da imagem
- Prever uma janela (área de visualização) onde a imagem possa ser inserida.
- A área deve ter uma largura e altura máximas definidas.
- Se a imagem exceder as dimensões da área, ela deve ser automaticamente escalada para ajustar ao tamanho da janela (sem sair dos limites da tela).
3. Seleção da área para recorte
- Após o carregamento, a imagem é exibida na janela.
- O utilizador deve poder selecionar uma área para recortar com o rato.
- área arbitrária (sem relação de aspeto fixa).
4. Guardar o resultado
- O botão "Guardar" dispara um evento ou método.
- Como resultado, são devolvidas as coordenadas da área selecionada para recortar.
- Não é necessário implementar o processo de recorte no servidor.
middle+
