ტექნიკური მოთხოვნები: სურათის გაჭრის კომპონენტი
მიზანი:
საკუთარი კომპონენტის შექმნა ნულიდან (Vue + TypeScript), რომელიც მომხმარებელს საშუალებას მისცემს სურათის ატვირთვას, გაჭრის ზონის არჩევას და შედეგის მიღებას კოორდინატების სახით.
ფუნქციური მოთხოვნები:
1. დამოუკიდებელი კომპონენტი
- კომპონენტი უნდა იყოს სრულად დამოუკიდებელი, ნულიდან დაწერილი.
- გამოიყენოს Vue და TypeScript.
2. სურათის ჩატვირთვა და ჩვენება
- უზრუნველყოს ფანჯარა (წინასწარი მიმოხილვის ტერიტორია), სადაც სურათი შეიძლება ჩასმა.
- ტერიტორიის მაქსიმალური სიგანე და სიმაღლე უნდა იყოს განსაზღვრული.
- თუ სურათი აღემატება ტერიტორიის ზომებს, ის ავტომატურად სკალირდება ფანჯრის ზომის შესაბამისად (ეკრანის საზღვრებს გარეთ არ გავიდეს).
3. გაჭრის ზონის არჩევა
- სურათის ჩატვირთვის შემდეგ, სურათი გამოჩნდება ფანჯარაში.
- მომხმარებელს უნდა ჰქონდეს შესაძლებლობა, მუხლით აირჩიოს გაჭრის ზონა.
- ნებისმიერი ზონა (ფიქსირებული მხარეების თანაფარდობის გარეშე).
4. შედეგის შენახვა
- "შენახვა" ღილაკი იწვევს მოვლენის ან მეთოდის გაშვებას.
- შედეგად, დაბრუნდება არჩეული გაჭრის ზონის კოორდინატები.
- სერვერზე გაჭრის პროცესის განხორციელება არ არის საჭირო.
middle+
