如何使颜色选择器粘贴/捕捉到某些值

时间:2017-07-08 13:46:47

标签: javascript css vue.js

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

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

谢谢!

1 个答案:

答案 0 :(得分:3)

以下是我在评论中提到的一个示例函数:

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

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