Technische vereiste: component voor het bijsnijden van afbeeldingen
Doel:
Ontwikkel een eigen component vanaf nul (Vue + TypeScript) waarmee de gebruiker een afbeelding kan uploaden, een gebied voor bijsnijden kan selecteren en het resultaat in de vorm van coördinaten kan krijgen.
Functionele vereisten:
1. Onafhankelijk component
- Het component moet volledig zelfstandig zijn, vanaf nul geschreven.
- Gebruik Vue en TypeScript.
2. Uploaden en weergeven van afbeelding
- Voorzie een venster (voorbeeldgebied) waarin een afbeelding kan worden geplaatst.
- Het gebied moet een maximale breedte en hoogte hebben.
- Als de afbeelding de afmetingen van het gebied overschrijdt, wordt deze automatisch geschaald om aan te passen aan de grootte van het venster (zonder de schermranden te overschrijden).
3. Selectie van het gebied voor bijsnijden
- Na het uploaden wordt de afbeelding in het venster weergegeven.
- De gebruiker moet de mogelijkheid hebben om met de muis een gebied voor bijsnijden te selecteren.
- willekeurig gebied (zonder vaste aspectverhouding).
4. Resultaat opslaan
- De knop "Opslaan" activeert een gebeurtenis of methode.
- Als resultaat worden de coördinaten van het geselecteerde bijsnijdgebied geretourneerd.
- Het uitvoeren van het bijsnijdproces op de server is niet vereist.
middle+
