Frontend

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.

O que é mais importante nesta tarefa se não houver tempo suficiente para uma implementação completa?

Por que os eventos do mouse não funcionam e como resolver o problema com a depuração?