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.
Frontend
6247
0