Տեխնիկական պահանջներ: պատկեր կտրող կոմպոնենտ
Նպատակը:
Սկսից սեփական կոմպոնենտի մշակում (Vue + TypeScript), որը թույլ կտա օգտվողին բեռնել պատկեր, ընտրել կտրելու տարածք և ստանալ արդյունքը կոորդինատների տեսքով:
Ֆունկցիոնալ պահանջներ:
1. Անկախ կոմպոնենտ
- Կոմպոնենտը պետք է լինի լիովին ինքնուրույն, սկսած զրոյից:
- Օգտագործել Vue և TypeScript:
2. Պատկեր բեռնել և ցուցադրել
- Նախատեսել պատուհան (նախադիտման տարածք), որտեղ կարող է տեղադրվել պատկեր:
- Տարածքը պետք է ունենա սահմանված առավելագույն լայնություն և բարձրություն:
- Եթե պատկերն անցնում է տարածքի չափերը, այն ավտոմատ կերպով կրճատվում է պատուհանի չափին համապատասխան (առանց էկրանից դուրս գալու):
3. Կտրելու տարածքը ընտրել
- Բեռնելուց հետո պատկերն ցուցադրվում է պատուհանում:
- Օգտվողը պետք է կարողանա ընտրել կտրելու տարածք մուրճով:
- ցանկացած տարածք (առանց ֆիքսված կողմերի հարաբերության):
4. Արդյունքը պահպանել
- "Պահպանել" կոճակը գործարկում է իրադարձություն կամ մեթոդ:
- Արդյունքում վերադարձվում են ընտրված կտրելու տարածքի կոորդինատները:
- Սերվերում կտրելու գործընթացը իրականացնելը պարտադիր չէ:
middle+
