Tehniskās prasības: attēla sagriešanas komponenta
Mērķis:
Izstrādāt savu komponentu no nulles (Vue + TypeScript), kas ļaus lietotājam augšupielādēt attēlu, izvēlēties sagriešanas apgabalu un saņemt rezultātu koordinātu formā.
Funkcionālie prasības:
1. Atkarīgs komponenta
- Komponentam jābūt pilnīgi neatkarīgam, rakstītam no nulles.
- Jāizmanto Vue un TypeScript.
2. Attēla ielāde un attēlošana
- Nodrošināt logu (priekšskatījuma zonu), kurā var ievietot attēlu.
- Apgabalam jābūt noteiktai maksimālai platumam un augstumam.
- Ja attēls pārsniedz apgabala izmērus, tas automātiski tiek mērogots, lai tas ietilptu logā (bez izejas ārpus ekrāna robežām).
3. Sagriešanas apgabala izvēle
- Pēc ielādes attēls tiek parādīts logā.
- Lietotājam jābūt iespējai ar peli izvēlēties sagriešanas apgabalu.
- jebkura apgabala (bez fiksētas malas proporcijas).
4. Rezultāta saglabāšana
- "Saglabāt" poga aktivizē notikumu vai metodi.
- Rezultātā tiek atgrieztas izvēlētās sagriešanas apgabala koordinātas.
- Nav nepieciešams realizēt sagriešanas procesu serverī.
middle+
