javascript - 鼠标按下时捕获所有鼠标坐标

Question

<分区>

Answer 1

您需要 3 个事件处理程序

如果 mousedown 设置 ismousedown 为真。 如果 mouseup 设置 ismousedown 为 false。 如果鼠标向下，则在 mousemove 中绘制。

canvas.addEventListener('mousedown',mousedown,false);
canvas.addEventListener('mousedmove',mousedmove,false);
canvas.addEventListener('mouseup',mouseup,false);
var isMouseDown=false;

function mousedown(){
 isMouseDown=true
}
function mousemove(){
 if(isMouseDown){
  //do stuff
 }
}
function mouseup(){
 isMouseDown=false
}

这是一个部分工作的绘图演示。单击圆形矩形或绘制。 draw&erease 就像上面描述的圆圈和矩形是基于 2 点(2 次点击)

http://jsfiddle.net/k5LUT/

您需要将 erease 设置为 c.strokeStyle='hsla(0,0%,0%,0)'; 并且填充无法正常工作。