2012-04-23 40 views
0

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

谢谢。

+0

的jsfiddle您的问题http://jsfiddle.net/sxppU/ – jazzytomato 2012-04-23 11:41:34

回答

2

您正在通过语句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; 
    }); 
+0

为什么'-2'在刚刚卸下负条款? – Jasper 2012-04-23 11:40:27

+0

你是对的,它应该是零,只是为了确保问题在于此,并使其更加可见 – Adil 2012-04-23 11:42:13

+0

然后,您应该在解决方案中将其归零。我还想看到格式更正确的答案,因为目前替换子句不是格式化为代码。 – Jasper 2012-04-23 11:44:00