raphael.js 拖动扩展

(function (R) {
            R.el.draggable = function (move, start, up) {
                this._ui = this._ui || {};

                var that = this;

                this._ui.onMove = R.is(move, 'function') ?
                    move : function (distanceX, distanceY, x, y, deltaX, deltaY) {
                        that.translate(deltaX, deltaY);
                    };

                this._ui.onStart = R.is(start, 'function') ? start : function (x, y) {
                };

                function onMove(distanceX, distanceY, x, y) {
                    var deltaX = x - that._ui.lastX;
                    var deltaY = y - that._ui.lastY;
                    that._ui.lastX = x;
                    that._ui.lastY = y;
                    that._ui.onMove(distanceX, distanceY, x, y, deltaX, deltaY);
                    that.paper.safari();
                };

                function onStart(x, y) {
                    that._ui.lastX = x;
                    that._ui.lastY = y;
                    that._ui.onStart(x, y);
                };

                return this.drag(onMove, onStart, up);
            };
        })(Raphael);


          //调用方法
           rect.draggable();

 下载地址

转载于:https://www.cnblogs.com/shenzhenhua/p/5626527.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值