javascript - 如何使颜色选择器保持/捕捉到某些值

Question

我将创建一个类似这样的圆形颜色选择器。将有 12 种颜色可供选择(每种颜色 30 度)，指针可以拖动。

我不需要详细的解决方案，只是关于如何使指针以这种方式可拖动的指南，如果它设置在第一种和第二种颜色之间(比如 32 度)，它应该滑动到 45 度(中间第二种颜色)等等。

谢谢!

Answer 1

这是我在评论中提到的示例函数:

function roundAngle(angle)
{
    return Math.round((angle-15)/30) * 30 + 15;
}

这是一个实践中的例子: https://jsfiddle.net/JacobDesight/k58z44kb/3/