5sControl / 5sControl/5s-frontend

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

Đang mở
#194 3 bình luận 0 reaction 1 người được giao Được @AlexGurski nhận Xem trên GitHub
Inventory
Ngôn ngữ chính
TypeScript
Star
3
Fork
1
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

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

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

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

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.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
react, typescript
Lĩnh vực
frontend
Loại issue
Tính năng
Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Đặc tả rõ ràng
Mức phù hợp với người mới
50/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.