Java中如何通过鼠标拖拽正确移动已有的Line形状？

你的代码核心问题是偏移量计算逻辑错误，且缺失拖拽流程必需的基准状态记录，导致直线无法跟随鼠标正常移动，具体遗漏的逻辑和修正方式如下：

现有代码的错误点 #

你当前计算偏移量的公式mouseEvent.x - (line.startX + line.endX)没有几何逻辑支撑：拖拽位移的本质是鼠标从按下到当前位置的移动差值，和直线起点、终点坐标的和没有关联，这种计算方式得到的delta是无意义的跳变值，自然无法驱动直线正确移动。

必需补充的实现逻辑 #

• 拖拽起始状态记录：鼠标按下选中直线的瞬间，必须缓存两个维度的基准值，且这组值在本次拖拽过程中保持固定，不能被后续移动逻辑覆盖：
  • 鼠标按下瞬间的光标坐标
  • 鼠标按下瞬间直线的起点、终点原始坐标
• 正确的偏移量计算：拖拽过程中，实时计算当前光标位置和按下时光标位置的差值，这个差值才是直线需要平移的距离
• 拖拽状态重置：鼠标松开时清空缓存的拖拽基准值，避免非拖拽状态下直线位置被错误修改

正确实现代码参考 #

// 全局缓存拖拽基准值，非拖拽状态下为null
let dragState = null

// 1. 鼠标按下选中直线时，初始化拖拽基准
line.on('mousedown', (mouseEvent) => {
  dragState = {
    mouseX: mouseEvent.x,
    mouseY: mouseEvent.y,
    lineStartX: line.startX,
    lineStartY: line.startY,
    lineEndX: line.endX,
    lineEndY: line.endY
  }
})

// 2. 鼠标移动时，基于基准值更新直线位置
canvas.on('mousemove', (mouseEvent) => {
  if (!dragState) return
  // 计算鼠标实际移动的偏移量
  const deltaX = mouseEvent.x - dragState.mouseX
  const deltaY = mouseEvent.y - dragState.mouseY
  // 基于拖拽开始时的原始直线坐标叠加偏移，避免累计误差
  line.startX = dragState.lineStartX + deltaX
  line.startY = dragState.lineStartY + deltaY
  line.endX = dragState.lineEndX + deltaX
  line.endY = dragState.lineEndY + deltaY
  // 执行画布重绘
  redrawCanvas()
})

// 3. 鼠标松开时结束拖拽状态
window.addEventListener('mouseup', () => {
  dragState = null
})

注意：不要在mousemove回调中用上一次更新后的直线坐标直接累加偏移，这种写法在鼠标事件丢帧时会产生累计误差，导致直线和光标位置脱节。使用固定的拖拽起始基准值计算坐标，能保证直线始终和鼠标移动轨迹完全对齐。

内容的提问来源于stack exchange，提问作者user14683403