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

Question

我有一个我一直在研究的 SVG 滑块……请在此处的 jsFiddle 上查看它。
我想限制我的滑块的范围。

我的 JS 一开始是在这个选择器上找到的（感谢@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/