如何限制可拖动SVG形状的范围？

Question

我有一个SVG滑块，我一直在努力......请see it on jsFiddle here。
我想限制我的滑块范围。

我的JS从this picker（感谢@Phrogz）开始，然后我戳了戳它，直到我能够将它剥离到当前状态。
滑块工作得很好，但我真的可以使用一些指导来添加限制。

例如，我想slider_1（左边的滑块）限制在蓝色矩形前面的区域。
JS对我来说仍然非常不自然，所以我会很感激任何和所有的反馈。

谢谢你一堆。

Answer 1

试着扔这样的事情到您的move功能：

var limitLower = 0; 
var limitUpper = 20; 
if (x < limitLower || x > limitUpper) { 
    return; 
} 

下面是与插入slider1上面的代码小提琴：http://jsfiddle.net/ucnyz/4/