关于bindEvent的疑问

来源:2-3 canvas事件操作

慕用0863198

2019-05-24 11:32:59

canvasLock.prototype.bindEvent = function(){

            var self = this;

            this.canvas.addEventListener("touchstart", function (e) {

                // 2、touchstart判断是否点击的位置处于圆内getPosition,处于则初始化

                //          * lastpoint、restPoint

                

                // po有x和y,并且是相较于canvas边距

                var po = self.getPosition(e);

                console.log(po.x)

                // 判断是否在圆内的原理:多出来的这条 x/y < r 在圆内

                for (var i = 0 ; i < self.arr.length ; i++) {

                    if (Math.abs(po.x - self.arr[i].x) < self.r && Math.abs(po.y - self.arr[i].y) < self.r) {

                         

                        self.touchFlag = true;


                        // lastPoint存放的就是选中的圆圈的x/y坐标值

                        self.lastPoint.push(self.arr[i]);


                        self.restPoint.splice(i,1);

                        break;

                    }

                }



            }, false);

一般来说bindEvent   bindEvent(element, eventName, func) —— 绑定func到element的eventName事件

作为把某个事件绑定到某个对象上的方法存在

而老师的实例代码是直接把bindEvent作为canvasLock的原型对象上的一个函数进行定义,可以这样理解吗?

写回答

1回答

好帮手慕慕子

2019-05-24

同学你好, 你理解的很棒哦, 继续加油!

欢迎采纳, 祝学习愉快~~~~

0

0 学习 · 4826 问题

查看课程