polygonal lasso

1 files changed, 69 insertions, 0 deletions

diff --git a/assets/javascripts/util/wheel.js b/assets/javascripts/util/wheel.js
new file mode 100644
index 0000000..712d470
--- /dev/null
+++ b/assets/javascripts/util/wheel.js
@@ -0,0 +1,69 @@
+/*
+	usage:
+	
+		base.wheel = new wheel({
+			el: document.querySelector("#map"),
+			update: function(e, val, delta){
+				// do something with val
+			},
+		})
+
+*/
+
+function wheel (opt) {
+	opt = defaults(opt, {
+		el: document,
+		fn: function(e, val, delta){},
+		propagate: false,
+		locked: false,
+		reversible: true,
+		ratio: 0.02,
+		val: 0,
+	})
+
+	opt.el.addEventListener('wheel', onMouseWheel, false);
+// 	opt.el.addEventListener('mousewheel', onMouseWheel, false);
+	opt.el.addEventListener('DOMMouseScroll', onMouseWheel, false);
+
+	function onMouseWheel (e) {
+		if (opt.locked) {
+			return
+		}
+
+		if (! opt.propagate) {
+			e.stopPropagation()
+			e.preventDefault()
+		}
+		
+		var deltaX = 0, deltaY = 0;
+		
+		// WebKit
+		if ( event.deltaY ) {
+			deltaY -= event.deltaY * opt.ratio
+			deltaX -= event.deltaX * opt.ratio
+		}
+		else if ( event.wheelDeltaY ) {
+			deltaY -= event.wheelDeltaY * opt.ratio
+			deltaX -= event.wheelDeltaX * opt.ratio
+		}
+		// Opera / Explorer 9
+		else if ( event.wheelDelta ) {
+			deltaY -= event.wheelDelta * opt.ratio
+		}
+		// Firefox
+		else if ( event.detail ) {
+			deltaY += event.detail * 2
+		}
+		if (! opt.reversible && (deltaY < 0 && deltaX < 0)) return;
+		
+		// opt.val = clamp(opt.val + delta, opt.min, opt.max)
+		
+		opt.update(e, deltaY, deltaX)
+	}
+
+	opt.lock = function(){ opt.locked = true }
+	opt.unlock = function(){ opt.locked = false }
+
+	return opt
+}
+