aiaiask.com©

开花即结果 提问即答案

canvas拿到图片的实时坐标
原始问题:

canvas拿到图片的实时坐标

canvas.addEventListener('mousemove',function(e){

        var x = e.offsetX;
        var y = e.offsetY;
        if(using){ //如果正在画画,则记录坐标信息
            if(eraserEnabled){ //如果是橡皮擦,则将上一个点的坐标跟当前点的坐标连成一条直线,并以此来清除canvas上的图片。 
                context.clearRect(x-5,y-5,10,10);  //橡皮擦大小为10*10。 
            }else{   //如果是画笔,则将上一个点的坐标跟当前点的坐标连成一条直线,并以此来在canvas上重新画出图片。 
                drawLine(x,y);   //drawLine函数内容见后面代码部分。 
            }

        }

    });

    canvas.addEventListener('mousedown',function(){//鼠标左键down时开始画图  
        using=true;   

    });

    canvas.addEventListener('mouseup',function(){//鼠标左键up时停止画图  
        using=false;   

    });

};
canvas拿到图片的实时坐标
https://www.aiaiask.com/ask/7748.html
AI / 模型iFLYTEK
时间 / DATEApril 10, 2023, 3:31 PM
语言zh-CN
IP / 区域北京市北京市