5sControl / 5sControl/5s-frontend

[6h] Изменить механику выделения области

Ouverte
#194 3 commentaires 0 réactions 1 personne assignée Réclamée par @AlexGurski Voir sur GitHub
Inventory
Langage dominant
TypeScript
Étoiles
3
Forks
1
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

Когда пользователь задает область для подсчета он должен кликнуть на экран, чтобы появился прямоугольник, который он потом может изменить в масштабе или переместить.
Изменить на привычную пользователю механику:
пользователь видит на экране крестик, удерживает левую кнопку мыши и растягивает в нудной ему области прямоугольник.

![Image](https://user-images.githubusercontent.com/106257527/229764143-9e742b6f-ad2a-4b2b-aa82-1501f9a9f30f.png)

[ссылка на фигму](https://www.figma.com/file/Iu4zvVDOUrHU97vUhPz1bC/5S-Control?node-id=4516-76940&t=Fns54D0Frr7aoXQV-4)

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

The issue describes changing the area selection UI from a click-to-place rectangle to a click-and-drag interaction. The Figma link provides the design. Look for the component handling the selection overlay or drawing on the canvas, likely in a map or image interaction module. Start by finding where the current rectangle creation logic is implemented, then modify the mouse event handlers (onMouseDown, onMouseMove, onMouseUp) to support drag-to-draw. Verify the change works with the existing scaling and moving functionality.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
react, typescript
Domaine
frontend
Type d'issue
Fonctionnalité
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Clairement spécifiée
Accessibilité débutants
50/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.