5sControl / 5sControl/5s-frontend

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

Offen
#194 3 Kommentare 0 Reaktionen 1 zugewiesene Person Beansprucht von @AlexGurski Auf GitHub ansehen
Inventory
Vorherrschende Sprache
TypeScript
Sterne
3
Forks
1
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

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

![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)

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

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.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react, typescript
Bereich
frontend
Issue-Typ
Feature
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Klar beschrieben
Anfängerfreundlichkeit
50/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.