Technické požadavky: komponent pro ořezávání obrázků
Cíl:
Vyvinout vlastní komponent od základu (Vue + TypeScript), který umožní uživateli nahrát obrázek, vybrat oblast pro ořezání a získat výsledek ve formě souřadnic.
Požadavky na funkčnost:
1. Samostatná komponenta
- Komponenta musí být plně samostatná, napsaná od základu.
- Používat Vue a TypeScript.
2. Nahrání a zobrazení obrázku
- Zajistit okno (náhledovou oblast), do které lze vložit obrázek.
- Oblast musí mít stanovenou maximální šířku a výšku.
- Pokud obrázek přesahuje rozměry oblasti, automaticky se škáluje tak, aby se vešel do okna (aniž by přesáhl hranice obrazovky).
3. Výběr oblasti pro ořezání
- Po nahrání se obrázek zobrazí v okně.
- Uživatel by měl mít možnost vybrat oblast pro ořezání myší.
- libovolná oblast (bez pevného poměru stran).
4. Uložení výsledku
- Tlačítko "Uložit" spustí událost nebo metodu.
- Výsledkem jsou souřadnice vybrané oblasti pro ořezání.
- Není nutné implementovat proces ořezávání na serveru.
middle+
