Skip to content

fix: マウスドラッグのパン操作を直感的に修正 - #31

Merged
HansRobo merged 1 commit into
mainfrom
fix/intuitive-mouse-drag-panning
Feb 10, 2026
Merged

fix: マウスドラッグのパン操作を直感的に修正#31
HansRobo merged 1 commit into
mainfrom
fix/intuitive-mouse-drag-panning

Conversation

@HansRobo

@HansRobo HansRobo commented Feb 10, 2026

Copy link
Copy Markdown
Member

Summary

  • マウスドラッグによるSVGパン操作で、ハードコードされたスケーリング係数(400)の代わりにSVG要素の実際のピクセルサイズを使用するよう修正
  • useRef + getBoundingClientRect() でSVG要素の実寸を取得し、マウス移動量とSVGの移動量が1:1で対応するように改善
  • パネルのリサイズやズームレベルに関係なく、直感的なパン操作が可能に

Test plan

  • npm run build でビルドが通ることを確認
  • Foxglove Studioでパネルを開き、マウスドラッグでSVGがマウスに追従して1:1で移動することを確認
  • パネルリサイズ後もパン操作が正しく動作することを確認
  • ホイールズーム後もパン操作の1:1対応が維持されることを確認

🤖 Generated with Claude Code

パン操作のスケーリング変換でハードコード値(400)を使用していたため、
マウスの移動量とSVGの移動量が一致しない問題を修正。
SVG要素のgetBoundingClientRect()で実際のピクセルサイズを取得し、
1:1対応の直感的なパン操作を実現。

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@HansRobo
HansRobo merged commit a1ac208 into main Feb 10, 2026
1 check passed
@HansRobo
HansRobo deleted the fix/intuitive-mouse-drag-panning branch February 10, 2026 15:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant