在画布上拖动笔划

时间:2015-06-16 21:11:12

标签: javascript canvas

我正在编写一个代码块来移动墨迹笔划并且我能够移动笔划,但是笔划的长度在移动时会增加,并且笔划的形状会发生变化。我无法找到这个问题的原因。

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

Fiddle

鼠标移动的代码块:

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);

任何指针都会非常感激。

0 个答案:

没有答案