Технически изисквания: компонент за изрязване на изображение
Цел:
Разработване на собствен компонент от нулата (Vue + TypeScript), който позволява на потребителя да качва изображение, да избира област за изрязване и да получава резултата под формата на координати.
Изисквания към функционалността:
1. Самостоятелен компонент
- Компонентът трябва да бъде напълно самостоятелен, написан от нулата.
- Да използва Vue и TypeScript.
2. Зареждане и показване на изображението
- Предвидете прозорец (област за преглед), в който може да се постави изображение.
- Областта трябва да има зададена максимална ширина и височина.
- Ако изображението превишава размерите на областта, то автоматично се мащабира под размера на прозореца (без да излиза извън границите на екрана).
3. Избор на област за изрязване
- След зареждане изображението се показва в прозореца.
- Потребителят трябва да има възможност да избере област за изрязване с мишката.
- произволна област (без фиксирано съотношение).
4. Запазване на резултата
- Бутонът "Запази" активира събитие или метод.
- В резултат се връщат координатите на избраната област за изрязване.
- Не е необходимо да се реализира процесът на изрязване на сървъра.
middle+
