Javascript 在画布上拖动笔划

我正在编写一个代码块来移动墨迹笔划，并且我能够移动笔划，但是笔划的长度在移动时增加，笔划的形状也在改变。我找不到这个问题的原因

我在鼠标下移动时跟踪x，y，在鼠标移动时通过清除画布并在鼠标移动时重新绘制来移动鼠标移动时的笔划

鼠标移动代码块：

canvas.addEventListener('mousemove', function(e) {
  var mousePos = getMousePos(canvas, e);
  if (dragging){
    selection.moveX =  mousePos.x; 
    selection.moveY =  mousePos.y; 
    var l= selection.arrlineX.length;
    for (var i = l-1; i >= 0; i--) 
    {
      selection.arrlineX[i]=(mousePos.x-dragoffx)+     selection.arrlineX[i];
      selection.arrlineY[i]=(mousePos.y-dragoffy) +  selection.arrlineY[i];
    }
    valid = false; // Something's dragging so we must redraw
    draw();
  }
}, true);

---

任何指针都将非常感谢。

单击并移动鼠标的目的是什么？红色笔划应该移动还是要画点什么？我解决了这个问题。这里的问题是dragoff变量没有得到更新。