【问题标题】:How to convert color to (x, y) coordinate on color palette and slider如何在调色板和滑块上将颜色转换为 (x, y) 坐标
【发布时间】:2020-09-10 19:50:01
【问题描述】:

我做了一个颜色选择器,它功能齐全,可以做它应该做的事情。 我想添加一个输入框,用户可以在其中插入任何颜色值 HEX、RGBA、HSLA。 现在我正在尝试获取用户输入的值,并将调色板中的滑块和“光标”更改为正确的位置。

这是我的调色板的样子以及它的值/可能是重要的信息; 并且只是指出我正在谈论的“光标”是@调色板的右上角,滑块当然是彩虹范围输入

提前感谢您的帮助。

【问题讨论】:

  • 请提及您已经尝试过的代码
  • 使用这个 -- stats.stackexchange.com/questions/281162/… 用元素的宽度/高度代替实际的像素宽度/高度,你应该在 0 和 1 之间映射。然后你只需乘以 255 即可得到十六进制值。 0 x 255 = 01 * 255 = 255.
  • 别忘了圆整。 :)

标签: javascript jquery colors


【解决方案1】:

通过将用户输入的值转换为 HSV 解决了问题。 我将色调范围的最大值替换为 360,并将色调设置为 hsv 的 h 值。 s 值我附加了一个 '%' 并将其分配给 'cursor' 的左值 我第一次做的 v 值100 - v 并附加了一个 '%' 并将其分配给'光标'的最高值

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-06-23
    • 2020-03-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多