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;
});
};
免责声明:
以上内容除特别注明外均来源于网友提问,创作工场回答,未经许可,严谨转载。