为了账号安全,请及时绑定邮箱和手机立即绑定

用 canvas 实现电子签名,定位鼠标在 canvas 中 坐标

用 canvas 实现电子签名,定位鼠标在 canvas 中 坐标

梦里花落0921 2018-11-23 13:15:46
尝试用 canvas 实现电子签名时,不能准确获取鼠标在 canvas 中的坐标。let canvas = document.getElementById("canvas");let cxt = canvas.getContext('2d'); canvas.onmousedown = function(ev){    var ev = ev || window.event;     cxt.moveTo(ev.clientX-canvas.offsetLeft,ev.clientY-canvas.offsetTop);    document.onmousemove = function(ev){           var ev = ev || window.event;       cxt.lineTo(ev.clientX-canvas.offsetLeft,ev.clientY-canvas.offsetTop);       cxt.stroke();     };    document.onmouseup = function(){      document.onmousemove = null;      document.onmouseup = null;     }; };用 ev.clientY 获取了鼠标的坐标,但是 canvas.offsetTop 获取的是 距离父元素的高度。而 canvas 在一个有滚动条的表单中,所以无法准确定位。谢谢!
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 746 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信