可能会做类似的事情
<img class="image" ... /> $(".image").get_colors()
我知道有很少的网站可以上传你的图像,它会为你生成颜色,但我想要一些东西放在我的网站上
像this这样你可以看到截图中生成的颜色,可以按颜色搜索.我试图检查源代码,但我看不到任何对js库的引用.
如果可能的话,我需要这个功能来使用js.
编辑:
图像已经在页面上;我只需要生成它的颜色,所以我不想要上传功能.
谢谢.
解决方法
您可能对
this related question和
my answer to another one感兴趣.
从图像中获取所有颜色很简单,至少在支持canvas元素的浏览器中 – 技术是described here.你最终得到一个CanvasPixelArray(described here),它本质上是一个像[r,g,b,a,r,…]其中r,a是表示每个像素的红色,绿色,蓝色和alpha值的字节.
困难的部分是识别或创建一小部分代表性颜色,而不是可能在100×100图像中的10,000种颜色.这是一个非常复杂的问题,有许多解决方案(overview here).您可以在clusterfck library和my port of the Leptonica Modified Median Cut algorithm中看到两种可能算法的Javascript实现.