Techninės specifikacijos: vaizdo apkarpymo komponentas
Tikslas:
Sukurti savo komponentą nuo nulio (Vue + TypeScript), kuris leistų vartotojui įkelti vaizdą, pasirinkti apkarpymo sritį ir gauti rezultatą koordinačių pavidalu.
Funkciniai reikalavimai:
1. Atskiras komponentas
- Komponentas turi būti visiškai savarankiškas, parašytas nuo nulio.
- Naudoti Vue ir TypeScript.
2. Vaizdo įkėlimas ir rodymas
- Užtikrinti langą (peržiūros sritį), į kurį galima įterpti vaizdą.
- Srities maksimali plotis ir aukštis turi būti nustatyti.
- Jei vaizdas viršija srities matmenis, jis automatiškai mastelis, kad tilptų lange (be išėjimo už ekrano ribų).
3. Apkarpymo srities pasirinkimas
- Po įkėlimo vaizdas rodomas lange.
- Vartotojas turi galimybę pasirinkti apkarpymo sritį pelės pagalba.
- bet kokia sritis (be fiksuoto šonų santykio).
4. Rezultato išsaugojimas
- Mygtukas "Išsaugoti" iškviečia įvykį arba metodą.
- Rezultate grąžinamos pasirinktos apkarpymo srities koordinatės.
- Nereikia įgyvendinti apkarpymo proceso serveryje.
middle+