Frontend

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.

Was ist das Wichtigste bei dieser Aufgabe, wenn nicht genug Zeit für eine vollständige Umsetzung vorhanden ist?

Warum funktionieren Mausereignisse nicht und wie kann man das Debugging-Problem lösen?