如何限制可拖動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/