Technische Anforderung: Komponente zum Zuschneiden von Bildern
Ziel:
Entwicklung einer eigenen Komponente von Grund auf (Vue + TypeScript), die es dem Benutzer ermöglicht, ein Bild hochzuladen, einen Bereich zum Zuschneiden auszuwählen und das Ergebnis in Form von Koordinaten zu erhalten.
Funktionale Anforderungen:
1. Eigenständige Komponente
- Die Komponente muss vollständig eigenständig sein, von Grund auf geschrieben.
- Verwendung von Vue und TypeScript.
2. Laden und Anzeige des Bildes
- Ein Fenster (Vorschau-Bereich) vorsehen, in das ein Bild eingefügt werden kann.
- Der Bereich soll eine maximale Breite und Höhe haben.
- Wenn das Bild die Abmessungen des Bereichs überschreitet, wird es automatisch skaliert, um an die Fenstergröße angepasst zu werden (ohne die Bildschirmgrenzen zu überschreiten).
3. Auswahl des Bereichs zum Zuschneiden
- Nach dem Laden wird das Bild im Fenster angezeigt.
- Der Benutzer soll die Möglichkeit haben, mit der Maus einen Bereich zum Zuschneiden auszuwählen.
- Beliebiger Bereich (ohne festes Seitenverhältnis).
4. Ergebnis speichern
- Die Schaltfläche "Speichern" löst ein Ereignis oder eine Methode aus.
- Als Ergebnis werden die Koordinaten des ausgewählten Zuschneidebereichs zurückgegeben.
- Der Zuschneideprozess auf dem Server ist nicht erforderlich.
middle+
