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.
middle+
