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

How do I limit the range of my draggable SVG shape?

本文关键字：范围 SVG 何限制 拖动      更新时间：2023-09-26

我有一个 SVG 滑块，我一直在研究......请在JSFiddle上看到它。
我想限制滑块的范围。

我的 JS 开始于这个选择器上找到的（感谢 @Phrogz），然后我戳戳它，直到我能够将其剥离到当前状态。
滑块工作得很好，但我真的可以使用一些关于添加限制的指导。

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

谢谢

。
尝试将

这样的东西放入您的move函数中：

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

这是为滑块 1 插入的上述代码的小提琴：http://jsfiddle.net/ucnyz/4/

相关文章：