jquery - 绘画应用程序中的画布奇怪

Question

我将这个画布绘画应用程序视为基本模板，但希望当您只需在画布上单击鼠标时，一些可以帮助缓解问题。你似乎得到一条线而不是一个简单的点...... http://luhuiya.byethost7.com/demo/mspaint.html

谢谢。

Answer 1

您正在通过语句 draw(beginX, beginY, e.pageX , e.pageY); 在 mouseup 事件中绘制点 如下所示。e.pageX-8 和 e.pageY-8 导致渲染线而不是点。将其更改为 e.pageX 和 e.pageY。

我已经评论了之前的声明，并在 mouseup 事件中写了新的声明。

 $("#myCanvas").mouseup(function(e) {
      // draw(beginX, beginY, e.pageX-8 , e.pageY -8);
      draw(beginX, beginY, e.pageX , e.pageY);
      isDraw = false;
  });