Техникалық тапсырма: суретті қиып алу компоненті
Мақсат:
Өз бетіңізше Vue + TypeScript қолдана отырып, суретті жүктеу, қиып алу аймағын таңдау және нәтижесін координаттар түрінде алу үшін жеке компонентті әзірлеу.
Функционал талаптар:
1. Айрықша компонент
- Компонент толықтай тәуелсіз болуы керек, бастапқыдан жазылған.
- Vue және TypeScript пайдалану.
2. Суретті жүктеу және көрсету
- Суретті қоюға болатын терезе (қарау аймағы) қарастыру.
- Аймақтың максималды ені мен биіктігі көрсетілуі керек.
- Егер сурет аймақ өлшемінен асса, ол автоматты түрде масштабталып, терезеге сыйуы керек (экран шекарасынан шықпай).
3. Қиып алу аймағын таңдау
- Жүктегеннен кейін, сурет терезеде көрсетіледі.
- Пайдаланушы мышьпен қиып алу аймағын таңдай алуы керек.
- Еркін аймақ (фиксирленген аспект қатынасы жоқ).
4. Нәтижені сақтау
- 'Сақтау' батырмасы оқиға немесе әдіс шақырады.
- Таңдалған қиып алу аймағының координаттары қайтарылады.
- Бұл серверде қиып алу процесі жүзеге асырылмайды.
middle+
