Frontend

Technické požiadavky: komponent pre orezávania obrázkov Cieľ: Vyvinúť vlastnú komponentu od nuly (Vue + TypeScript), ktorá umožní používateľovi nahrať obrázok, vybrať oblasť na orezanie a získať výsledok vo forme súradníc. Požiadavky na funkčnosť: 1. Samostatná komponenta - Komponenta musí byť úplne samostatná, napísaná od nuly. - Používať Vue a TypeScript. 2. Nahranie a zobrazenie obrázka - Zabezpečiť okno (náhľadovú oblasť), do ktorej možno vložiť obrázok. - Oblasť musí mať stanovenú maximálnu šírku a výšku. - Ak obrázok presahuje rozmery oblasti, automaticky sa škáluje tak, aby sa vošiel do okna (bez prekročenia hraníc obrazovky). 3. Výber oblasti na orezanie - Po nahraní sa obrázok zobrazí v okne. - Používateľ by mal mať možnosť vybrať oblasť na orezanie myšou. - ľubovoľná oblasť (bez pevného pomeru strán). 4. Uloženie výsledku - Tlačidlo "Uložiť" aktivuje udalosť alebo metódu. - Výsledkom sú súradnice vybranej oblasti na orezanie. - Nie je potrebné implementovať proces orezania na serveri.

Čo je najdôležitejšie v tejto úlohe, ak nie je dostatok času na úplnú realizáciu?

Prečo nefungujú udalosti myši a ako vyriešiť problém s ladením?