Wymagania techniczne: komponent do przycinania obrazów
Cel:
Opracować własny komponent od podstaw (Vue + TypeScript), który pozwoli użytkownikowi na wczytanie obrazu, wybranie obszaru do przycięcia i uzyskanie wyniku w postaci współrzędnych.
Wymagania funkcjonalne:
1. Oddzielny komponent
- Komponent musi być całkowicie samodzielny, napisany od podstaw.
- Używać Vue i TypeScript.
2. Wczytywanie i wyświetlanie obrazu
- Zapewnić okno (obszar podglądu), do którego można wkleić obraz.
- Obszar powinien mieć zdefiniowane maksymalne szerokość i wysokość.
- Jeśli obraz przekracza rozmiary obszaru, automatycznie skalować go do rozmiaru okna (bez wychodzenia poza granice ekranu).
3. Wybór obszaru do przycięcia
- Po wczytaniu obraz jest wyświetlany w oknie.
- Użytkownik powinien mieć możliwość wybrania obszaru do przycięcia myszą.
- dowolny obszar (bez stałego stosunku szerokości do wysokości).
4. Zapisanie wyniku
- Przycisk "Zapisz" wywołuje zdarzenie lub metodę.
- W wyniku zwracane są współrzędne wybranego obszaru do przycięcia.
- Nie jest konieczne implementowanie procesu przycinania na serwerze.
middle+
