绘画app中的画布奇怪

Question

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

感谢。

Answer 1

您正在通过语句绘制（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;
  });