是否有js库可以从图像生成调色板？

Question

可能会做类似的事情

<img  class="image" ... />

$(".image").get_colors()

我知道有很少的网站可以上传你的图像,它会为你生成颜色,但我想要一些东西放在我的网站上

像这样你可以看到截图中生成的颜色,并可以按颜色搜索.我试图检查源代码,但我看不到任何对js库的引用.

如果可能的话,我需要这个功能来使用js.

编辑: 图像已经在页面上; 我只需要生成它的颜色,所以我不想要上传功能.

谢谢.

Answer 1

您可能对这个相关问题以及我对另一个问题的回答感兴趣.

从图像中获取所有颜色很简单,至少在支持该canvas元素的浏览器中- 此处描述了该技术.你最终得到了一个CanvasPixelArray(在这里描述),它本质上是一个数组[r,g,b,a,r,g,b,a, ...],其中r,g,b,a的字节表示每个像素的红色,绿色,蓝色和alpha值.

困难的部分是识别或创建一小部分代表性颜色,而不是可能在100x100图像中的10,000种颜色.这是一个非常复杂的问题,有许多解决方案(概述在这里).您可以在clusterfck库和Leptonica Modified Median Cut算法的端口中看到两种可能算法的Javascript实现.