jQuery:创建一个圆形滑块

Question

你可能以前看过JavaScript滑块:

http://dev.jquery.com/view/tags/ui/1.5b2/demos/ui.slider.html

我想象的是一个圆形滑块.它将包含圆圈上一个点上的可拖动按钮 - 该按钮可以沿着环的任何位置拖动.该值取决于按钮的位置(想想时钟).

Answer 1

定义中心点 c 当前鼠标点位于 m

在你的鼠标拖动事件处理程序中，你有

var dx = m.x-c.x;
var dy = m.y-c.y;

var scale = radius/Math.sqrt(dx*dx+dy*dy);

slider.x = dx*scale + c.x;
slider.y = dy*scale + c.y;

半径将是滑块的某个预设值，