qcode
  • 创作工场专业版,一问多答!更智能、更完整、更原创
  • 这是一个超强内容创作平台,它会写文章、做设计、绘图、敲代码,有问必答!
🔥点击使用-免登录深度版🔥

canvas拿到图片的实时坐标

时间2023-04-10 15:31:06 提问来自 北京市北京市 的网友 分类创作 浏览345
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中有个图片卡车一直在移动,怎么实时拿去到这个图片的x,y坐标 下一篇 建设教育强国的青年力 量