可能会做类似的事情
<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,g,b,a, ...]
其中 r,g,b,a
是指示每个像素的红色、绿色、蓝色和 alpha 值的字节。
困难的部分是识别或创建一小部分代表性颜色,而不是 100x100 图像中可能存在的 10,000 种颜色。这是一个相当复杂的问题,有很多解决方案 ( overview here )。您可以在 clusterfck library 中看到两种可能算法的 Javascript 实现。和 my port of the Leptonica Modified Median Cut algorithm .
关于javascript - 有没有可以从图像生成调色板的js库?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8421127/