Műszaki követelmény: képvágó komponens
Cél:
Egy saját komponens fejlesztése nulláról (Vue + TypeScript), amely lehetővé teszi a felhasználó számára, hogy képet töltsön fel, kiválassza a vágási területet, és koordináták formájában megkapja az eredményt.
Funkcionális követelmények:
1. Önálló komponens
- A komponensnek teljesen önállónak kell lennie, nulláról írva.
- Vue és TypeScript használata szükséges.
2. Kép betöltése és megjelenítése
- Egy ablak (előnézeti terület) biztosítása, ahová a kép behelyezhető.
- A területnek meg kell határozni maximális szélességet és magasságot.
- Ha a kép meghaladja a terület méretét, automatikusan méreteződik, hogy illeszkedjen az ablak méretéhez (anélkül, hogy kilépne a képernyő határain).
3. A vágási terület kiválasztása
- A kép betöltése után a kép megjelenik az ablakban.
- A felhasználó lehetőséget kell, hogy kapjon a vágási terület kiválasztására egérrel.
- tetszőleges terület (nem fix oldalarány).
4. Eredmény mentése
- A "Mentés" gomb eseményt vagy metódust aktivál.
- Eredményként visszaadja a kiválasztott vágási terület koordinátáit.
- A vágási folyamat szerveren nem szükséges megvalósítani.
middle+
