代码
// 在canvas上通过鼠标左键点击获取几个点(直角坐标),鼠标右键结束点击事件 canvasOnclick(){ // 首先获取canvas的dom let cav = document.getElementById("idCanvas"); let that = this; // 下面如果用箭头函数就不用声明 // 给画布添加鼠标按下事件 evt.button==0时就是鼠标左键事件 evt.button==1是就是鼠 // 标右击事件 onclick是实现不了这种效果的 cav.addEventListener('mousedown',function(evt){ if(evt.button==0){ let x = evt.pageX; let y = evt.pageY; let rect = cav.getBoundingClientRect(); // canvas的方法 x -= rect.left; // 横坐标 y -= rect.top; // 纵坐标 }else{ let x = evt.pageX; let y = evt.pageY; let rect = cav.getBoundingClientRect(); // canvas的方法 x -= rect.left; // 横坐标 y -= rect.top; // 纵坐标 cav.mousedown = null; // 移除事件 } }) }