Teknik Gereksinim: Görüntü kırpma bileşeni
Hedef:
Kullanıcının bir görüntü yüklemesine, kırpma alanını seçmesine ve sonucu koordinatlar şeklinde almasına olanak tanıyan sıfırdan kendi bileşenini geliştirmek (Vue + TypeScript).
Fonksiyonel Gereksinimler:
1. Bağımsız bileşen
- Bileşen tamamen bağımsız olmalı, sıfırdan yazılmalı.
- Vue ve TypeScript kullanılmalı.
2. Görüntü yükleme ve gösterme
- Bir pencere (önizleme alanı) sağlanmalı, içine görüntü yerleştirilebilir.
- Alanın belirli maksimum genişlik ve yüksekliği olmalı.
- Görüntü, alan boyutlarını aşarsa, otomatik olarak pencereye sığacak şekilde ölçeklenmeli (ekran sınırlarını aşmadan).
3. Kırpma alanını seçme
- Görüntü yüklendikten sonra pencere içinde gösterilir.
- Kullanıcı fare ile kırpma alanını seçebilir.
- Rastgele alan (sabit oranlı olmayan).
4. Sonucu kaydetme
- "Kaydet" düğmesi bir olay veya metod tetikler.
- Sonuç olarak, kırpma alanının koordinatları geri döndürülür.
- Sunucuda kırpma işlemi gerçekleştirilmesine gerek yoktur.
middle+
