在canvas上通过鼠标左键点击获取几个点（直角坐标），鼠标右键结束点击事件

代码

// 在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; // 移除事件
                }
            })
        }