Question

我有一个jquery函数，它使用画布创建线条，就像使用Paint一样。当鼠标在画布上移动时，该功能通过制作圆圈来工作。我想改变这个功能，只有当鼠标在画布上移动并且用户按住鼠标时才能运行。这是功能：

$("#canvas").mousemove(function(event) {
  ctx.lineWidth = 4;
  ctx.fillStyle = "fuchsia";
  ctx.beginPath();
  ctx.arc(event.pageX, event.pageY, 6, 0, Math.PI*2, false);
  ctx.fill();
});

是否至少有一种相对直接的方式来实现这一目标？我不知道怎么开始。任何意见都将非常感谢！

Answer 1

"phpscripts/success.php"执行代码。这将验证按下左键（按住鼠标）。

了解更多MouseEvent.which。

＆＃13;

event.which == 1

＆＃13;

$("#canvas").on('mousemove',function(event) {
  if(event.which == 1){
    var ctx = this.getContext("2d");
    ctx.lineWidth = 4;
    ctx.fillStyle = "fuchsia";
    ctx.beginPath();
    ctx.arc(event.pageX, event.pageY, 6, 0, Math.PI*2, false);
    ctx.fill();
  }    
});

＆＃13;

使用javascript按住鼠标时如何运行函数

1 个答案: