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; 

半径将滑块的一些预设值，

Answer 2

这个怎么样：http://www.thewebmasterservice.com/dev-blog/curved-rounded-or-circular-sliders-javascript-jquery-ui

一些解释和演示。

Answer 3

这个插件怎么样http://controlwheel.com/。它很容易使用，并有一些例子

Answer 4

我写了一个支持全/半圆滑块的jQuery plugin。

Demo Page & Documentation

Answer 5

检查从这里http://roundsliderui.com/了jQuery插件roundSlider。这正是你想要的。

这个roundslider有类似jQuery ui滑块的选项。它支持默认，最小范围和范围滑块类型。它不仅支持圆滑块，还支持各种circle shapes，如季度,一半和饼圆形。

有关更多详细信息，请检查demos和documentation页面。

请检查演示从jsFiddle。

相关答案：https://stackoverflow.com/a/31367164/1845801和https://stackoverflow.com/a/31369265/1845801

截图：