虚拟摇杆偏移捕获不准是因坐标未归一化及触点绑定丢失；需用getBoundingClientRect()获取摇杆视口位置并减去left/top，再结合visualViewport.scale修正缩放；touchstart须缓存identifier，touchmove中匹配处理；角度计算前应设死区过滤抖动。
虚拟摇杆在移动端无法直接用 touchstart / touchmove 精准捕获偏移？不是代码写错了，是事件坐标没做归一化 + 触点绑定丢失导致的。
为什么 getBoundingClientRect() 后还要手动减去 clientX 偏移？
摇杆中心定位依赖视口坐标，但 TouchEvent 的 clientX / clientY 是相对于整个页面的，而摇杆容器可能有滚动、缩放或 CSS transform。不减去容器左上角的真实视口位置，拖拽就会“漂移”。
- 必须用
element.getBoundingClientRect()获取摇杆区域在视口中的实际矩形 - 再用
touch.clientX - rect.left得到相对摇杆中心的局部坐标 - 如果页面启用了
viewport缩放（如width=device-width, initial-scale=1未设），clientX会失真，此时需额外除以window.visualViewport.scale
ontouchmove 触发时拿不到持续 touch 对象？
移动端浏览器默认会在 touchstart 后释放 touch 对象引用，导致后续 touchmove 中 event.touches[0] 可能为空，尤其在快速滑动或多指操作时。
- 必须在
touchstart阶段缓存event.touches[0].identifier和初始位置 -
touchmove中遍历event.changedTouches，只处理identifier匹配的那一个触点 - 不要依赖
event.touches[0]—— 多指场景下它不一定是你按下的那个
摇杆角度和力度怎么算才不抖？
原始坐标差值直接转角度（Math.atan2(dy, dx)）没问题，但未过滤微小移动会导致角度跳变、角色原地打转。
- 先计算偏移长度：
const dist = Math.sqrt(dx*dx + dy*dy) - 设定死区半径（如 20px），
if (dist - 归一化 power：用
Math.min(dist / maxRadius, 1)，避免手指超出摇杆区域后 power 突变 - 角度建议用
angle = Math.atan2(-dy, dx)（Y 轴翻转适配 canvas 坐标系）
真正麻烦的是 iOS Safari 的 passive touch 事件限制——不加 { passive: false }，preventDefault() 会被忽略，导致摇杆拖拽被页面滚动劫持。这个点上线前不测真机，99% 掉坑里。
