Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用Chrome开发工具&x27；颜色选择器根据输入的RGB颜色计算光标位置？_Javascript_Html5 Canvas_Color Picker - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何使用Chrome开发工具&x27；颜色选择器根据输入的RGB颜色计算光标位置？

Javascript 如何使用Chrome开发工具&x27；颜色选择器根据输入的RGB颜色计算光标位置？

javascript html5-canvas

Javascript 如何使用Chrome开发工具&x27；颜色选择器根据输入的RGB颜色计算光标位置？,javascript,html5-canvas,color-picker,Javascript,Html5 Canvas,Color Picker,我正在使用HTML5画布实现一个颜色选择器。它与Chrome开发工具的类型相同 当用户通过输入插入值时，如何在两个画布上恢复光标 需要HSL（色调、饱和度、亮度） 将输入值RGB转换为HSL（） 图片中的滑块表示色调值 而调色板，从上到下，代表亮度0%~100%；从左到右，表示饱和度0%~100% 需要HSL（色调、饱和度、亮度） 将输入值RGB转换为HSL（） 图片中的滑块表示色调值 而调色板，从上到下，代表亮度0%~100%；从左到右，表示饱和度0%~100% 这几乎奏效了。问题是，亮度并

我正在使用HTML5画布实现一个颜色选择器。它与Chrome开发工具的类型相同

当用户通过输入插入值时，如何在两个画布上恢复光标

  • 需要HSL（色调、饱和度、亮度）
  • 将输入值RGB转换为HSL（）
  • 图片中的滑块表示
    色调
    值
  • 而调色板，从上到下，代表
    亮度
    0%~100%；从左到右，表示饱和度
    0%~100%
  • 需要HSL（色调、饱和度、亮度）
  • 将输入值RGB转换为HSL（）
  • 图片中的滑块表示
    色调
    值
  • 而调色板，从上到下，代表
    亮度
    0%~100%；从左到右，表示饱和度
    0%~100%
    • 这几乎奏效了。问题是，
    亮度
    并没有作为光标的
    X
    坐标放置在画布上。因为它的值是：左上角：100%，右上角50%，左下角：0右下角：0。好的，我设法用HSV替换HSL来解决这个问题。这几乎有效。问题是，
    亮度
    并没有作为光标的
    X
    坐标放置在画布上。因为它的值是：左上角：100%，右上角50%，左下角：0右下角：0。好的，我用HSV替换HSL解决了这个问题。