Texniki tələblər: Şəkil kəsmə komponenti
Hədəf:
İstifadəçinin şəkil yükləməsinə, kəsmək üçün sahə seçməsinə və nəticəni koordinatlar şəklində əldə etməsinə imkan verən sıfırdan öz komponentinizi hazırlamaq (Vue + TypeScript).
Funksional tələblər:
1. Müstəqil komponent
- Komponent tam müstəqil olmalı, sıfırdan yazılmalı.
- Vue və TypeScript istifadə edilməlidir.
2. Şəkil yükləmə və göstərmə
- Şəkil yerləşdirilə bilən pəncərə (önizleme sahəsi) təmin edilməlidir.
- Sahənin maksimum eni və hündürlüyü müəyyən edilməlidir.
- Əgər şəkil sahənin ölçülərindən çoxdursa, avtomatik olaraq pəncərəyə uyğun ölçüyə endirilməlidir (ekran sərhədlərindən çıxmadan).
3. Kəsmək üçün sahəni seçmək
- Yükləndikdən sonra şəkil pəncərədə göstərilir.
- İstifadəçi siçan ilə kəsmək üçün sahəni seçə bilər.
- istənilən sahə (sabit tərəf nisbəti olmayan).
4. Nəticəni yadda saxlamaq
- "Yadda saxla" düyməsi hadisə və ya metod çağırır.
- Nəticədə, seçilmiş kəsmə sahəsinin koordinatları geri qaytarılır.
- Serverdə kəsmə prosesini həyata keçirmək tələb olunmur.
middle+
