function DragScale (bar, ele, params) {
    this.bar = bar
    this.ele = ele
    this.params = params || {
		zoomVal: 1.2, // 初始缩放比例
		minZoomVal: 0.2, // 最小缩放比例
		left: 0, // 初始左边距
		top: 0, // 初始上边距
		currentX: 0, // 鼠标X坐标
		currentY: 0, // 鼠标Y坐标
		moveVal: 50, // 上下左右移动距离
		wheelVal: 1200, // 放大缩小的值
		flag: false,
	}
}
DragScale.prototype.scale = function(mark) {
    var wheelVal = [event.wheelDelta, this.params.wheelVal, -this.params.wheelVal][mark]
    this.params.zoomVal += wheelVal / 1200
    if (this.params.zoomVal < this.params.minZoomVal) this.params.zoomVal = this.params.minZoomVal
    this.ele.css("transform", "scale(" + this.params.zoomVal + ")")
}
DragScale.prototype.getCss = function(key) {
    return this.ele.css(key);
}
DragScale.prototype.drag = function(callback) {
    var _that = this
    if (this.getCss("left") !== "auto") {
        this.params.left = this.getCss("left")
    }
    if (this.getCss("top") !== "auto") {
        this.params.top = this.getCss("top")
    }
    // o是移动对象
    this.bar.on("mousedown", function (event) {

        _that.params.flag = true;
        if (!event) {
            event = window.event;
            //防止IE文字选中
            _that.bar.onselectstart = function () {
                return false;
            }
        }
        var e = event;
        _that.params.currentX = e.clientX;
        _that.params.currentY = e.clientY;
    });
    this.bar.on("touchstart", function (event) {
        console.log(1111)
        _that.params.flag = true;
        if (!event) {
            event = window.event;
            //防止IE文字选中
            _that.bar.onselectstart = function () {
                return false;
            }
        }
        var e = event;
        _that.params.currentX = e.touches[0].clientX;
        _that.params.currentY = e.touches[0].clientY;
    })
    document.onmouseup = function () {
        _that.params.flag = false;
        if (_that.getCss("left") !== "auto") {
            _that.params.left = _that.getCss("left");
        }
        if (_that.getCss("top") !== "auto") {
            _that.params.top = _that.getCss("top");
        }
    };
    document.ontouchend = function () {
        console.log(33333)
        _that.params.flag = false;
        if (_that.getCss("left") !== "auto") {
            _that.params.left = _that.getCss("left");
        }
        if (_that.getCss("top") !== "auto") {
            _that.params.top = _that.getCss("top");
        }
    };
    document.onmousemove = function (event) {
        var e = event ? event : window.event;
        if (_that.params.flag) {
            var nowX = e.clientX;
            var nowY = e.clientY;
            var disX = nowX - _that.params.currentX;
            var disY = nowY - _that.params.currentY;
            _that.ele.css("left", parseInt(_that.params.left) + disX + "px");
            _that.ele.css("top", parseInt(_that.params.top) + disY + "px");

            if (typeof callback == "function") {
                callback((parseInt(_that.params.left) || 0) + disX, (parseInt(_that.params.top) || 0) + disY);
            }
            if (event.preventDefault) {
                event.preventDefault();
            }
            return false;
        }
    }
    document.ontouchmove = function (event) {
        var e = event ? event : window.event;
        if (_that.params.flag) {
            var nowX = e.touches[0].screenX;
            var nowY = e.touches[0].screenY;
            var disX = nowX - _that.params.currentX;
            var disY = nowY - _that.params.currentY;
            console.log(_that.params.currentX)
            _that.ele.css("left", parseInt(_that.params.left) + disX + "px");
            _that.ele.css("top", parseInt(_that.params.top) + disY - 80 + "px");

            if (typeof callback == "function") {
                callback((parseInt(_that.params.left) || 0) + disX, (parseInt(_that.params.top) || 0) + disY);
            }
            if (event.preventDefault) {
                event.preventDefault();
            }
            return false;
        }
    }
}