bug:鼠标点击一下不会出现痕迹

来源:3-1 粗线条引发的问题

小鸡三号

2016-01-26 00:32

发现一个bug,就是知识单纯鼠标点击canvas内的话,并不会有痕迹出来,有没有人把这样的实现代码贴出来参考一下?

写回答 关注

1回答

  • 小鸡三号
    2016-01-26 01:07:47

    已经找到解决方法:

    var isMouseMove = false;


        canvas.onmouseup = function(e){
            e.preventDefault();
            isMouseDown = false;
            var curLoc = windowToCanvas(e.clientX ,e.clientY);
            console.log(curLoc.x +"," + curLoc.y +"," +lastLoc.x+"," +lastLoc.y);

            if(isMouseMove != true)
            {    
                context.beginPath()
                context.arc(curLoc.x, curLoc.y, 15, 0 ,2*Math.PI);
                context.fillStyle = drawColor;
                context.fill();
                console.log("1");
            }

            isMouseMove = false;

        }

学写一个字

canvas系列第四课,与鼠标、触控交互,学习写出一个字

70879 学习 · 52 问题

查看课程

相似问题