5sControl / 5sControl/5s-frontend

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

オープン
#194 コメント 3 件 リアクション 0 件 担当者 1 名 @AlexGurski が担当を希望しています GitHub で見る
Inventory
主要言語
TypeScript
スター
3
フォーク
1
PR マージ指標
30日以内にマージされた PR はありません

説明

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

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

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

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.

索引モデルが issue の本文から書いたものです。

評価

技術スタック
react, typescript
領域
frontend
issue の種類
機能追加
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
明確に書かれている
初心者へのやさしさ
50/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。