javascript - jQuery:创建一个圆形 slider

Question

您之前可能见过 JavaScript slider :

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

我设想的是一个圆形 slider 。它将由位于圆圈上某一点的可拖动按钮组成——并且该按钮可以沿着圆环拖动到任何位置。该值取决于按钮的位置(想想时钟)。

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;

半径将是 slider 的一些预设值，