我有一个处理后的RGB值数组,我想将它们绘制到一个色轮上,如下图所示。

例如。

RGBList = [
    {'r':231,'g':52,'b':35},
    {'r':24,'g':111,'b':24}
];

我希望上面示例列表中的每个对象在圆上方绘制为标记/点。

我已经找到了以多种方式在画布上创建色轮的代码,但是我一生都找不到或无法找到有关将RGB代码转换为合理的XY坐标以进行绘图的信息。

色轮画布代码示例: http : //jsfiddle.net/yH6JE/

如果有人可以帮忙,我希望答案是使用画布的原始JS和HTML。 这是我正在做的一项业余项目,我想绘制平均RGB值,还绘制Kmeans重心来表示kmeans聚类(机器学习),只是为了给我的结果一个直观的表示,而不是直接的数据。

色轮

===============>>#1 票数:3 已采纳

我有一个处理后的RGB值数组,我想将它们绘制到一个色轮上,如下图所示。

例如。

RGBList = [
    {'r':231,'g':52,'b':35},
    {'r':24,'g':111,'b':24}
];

我希望上面示例列表中的每个对象在圆上方绘制为标记/点。

我已经找到了以多种方式在画布上创建色轮的代码,但是我一生都找不到或无法找到有关将RGB代码转换为合理的XY坐标以进行绘图的信息。

色轮画布代码示例: http : //jsfiddle.net/yH6JE/

如果有人可以帮忙,我希望答案是使用画布的原始JS和HTML。 这是我正在做的一项业余项目,我想绘制平均RGB值,还绘制Kmeans重心来表示kmeans聚类(机器学习),只是为了给我的结果一个直观的表示,而不是直接的数据。

色轮

  ask by Aidan translate from so

未解决问题?本站智能推荐:

1回复

来自rgb值的HTML画布图像

我有三个12x12数组,每个数组都有R,G和B值。 如何使用HTML Canvas输出图像(12x12)? 我遇到过Canvas演示,这些演示显示了绘图线和其他内容,但是没有什么比提供一些RGB阵列来生成东西的方法更合适的了。 任何指导,不胜感激。
1回复

如何使用JavaScript从图像区域获取RGB数据

我无法从图像中获取RGB数据,我正在做的是获取区域的x,y,宽度和高度,所以,我想从区域(不包含像素)的区域中获取RGB数据。 我试图将画布与getImageData一起使用,但是它只返回一个像素,我正在使用库来获取x,y,w和h的参数,我的图像大小与画布相同 我在做什么 我
1回复

使用html5 canvas和纯javascript绘制散点图,没有带对数轴的库

我发布问题是因为我在任何地方都找不到信息,大多数教程都需要使用精美的库,而我只是不想从包含以下数据示例的两个json多维数组中绘制html5 canvas散点图: 而另一轴 我要重新创建的示例是这样的 。 我最大的问题是让画布使用对数刻度。 您可以从示例链接中看到从数据中
1回复

HTML画布:绘图下的绘图网格

我正在画布上绘制图形,但无法在图形下方绘制图形的网格。 我的数据点绘制为矩形(fillRect)。 当我首先绘制图形然后绘制网格时,它可以按预期工作,但是由于网格位于图形上,因此效果并不理想。 但是,当我先绘制网格然后再绘制图形时,所有网格都在下面消失。 我画出如下图: 然后
2回复

建立Canvas RGB值的2D数组

我正在尝试从getImageData()。data方法的值数组向PHP发送RGB值的2D数组: 由此,我将如何创建整个画布的RGB值的2D数组?
2回复

使用从数组中提取的RGB颜色进行绘制

我正在尝试使用Javascript绘制徽标,并且需要从固定的调色板中选择随机颜色。 我已经将调色板建立为RGB值数组,然后使用随机数从数组中选择一种颜色。 我想将结果用作用画布弧线绘制的圆的颜色。 所以,这是我到目前为止的代码... 哪个应该画一个深紫色的圆圈,但是无论
1回复

使用fillRect绘制像素不平滑

我的JavaScript代码使用乘法混合来绘制墙面。 如果我使用fillRect,它会更快但不平滑,而putImageData与之相反,大约需要10秒钟来绘制图像。 例如,左一个由fillRect制成: 左侧图片中使用的代码; 右侧图片中使用的代码; 如果您愿意,我可
1回复

或多或少正确地从RGB转换为CMYK

我正在开发一个将画布内容另存为光栅图像的应用程序 ,然后用户将其保存到他的计算机上以使用打印机或打印办公室进行打印。 如果您访问链接,则可以单击“导出”按钮,然后单击链接以保存文件。 我知道我无法使用画布处理CMYK,并且文件以RGB格式发送。 但是我可以控制用于生成图像的颜色值。 例如
2回复

如何获得接近另一种颜色的rgb值?

如果我有RGB颜色。 我如何创建一个JavaScript函数,当另一个RGB值接近初始RGB时返回true,否则返回false?
3回复

Javascript将YUV转换为RGB

我在js中有YUV图像字节数组(UINtArray),是否可以将其转换为rgb? 或如何在画布上绘制? 这是使用webGL画布填充纹理的链接,但我需要使用2D上下文画布来做到这一点。 我知道它可能会比较慢,但是无论如何。 https://github.com/mbebenita/Br