我正在寻找一种通过 javascript 从图像中找到主要颜色的方法。可能通过一些算法来聚类一些区域。
问题是因为如果我使用像素，将计算更多使用的像素。前任。如果我有棕色和棕色旁边的非常颜色，那么一部分是白色的。主色可以是白色。并且不希望颜色平均，因为不能代表图像的真实颜色。
关于插件、要实现的代码、网站的任何建议。在此先感谢
更新
类似这样的：
http://www.cssdrive.com/imagepalette/
这里有一些解释，不知道我是否可以重用js代码。
【问题讨论】：
标签： javascript image plugins image-processing colors
这很难但可行。
第一步是从图像中获取像素数据 - 为此，您需要draw the image onto a canvas element and get the pixel data。请注意，Same Origin Policy 适用于图像，因此图像必须与脚本位于同一服务器上，否则您需要使用代理。
现在您可以对像素数据应用算法以找到“主要”颜色。最简单的选择是平均值，但听起来您不希望这样。那里有很多聚类算法。可能您想要的是执行color quantization 以将调色板中的颜色数量减少到一些少量，然后采用代表图像中最多像素的颜色。
median cut algorithm 在这里是一个不错的、相对简单的选项，尽管它仍然需要大量的编码。我从事了一个小型业余项目来用 Javascript 实现这个算法——你可以see my code here。开箱即用它对你不起作用，但我可能已经为你完成了大部分艰苦的工作。
【讨论】：
.forEach() 等），因此如果不添加对这些函数的支持，它将无法在旧版本的 IE 中运行。
你可以试试PnnQuant.js
演示网站：https://mcychan.github.io/PnnQuant.js/demo/
CIEDE2000通过选择质量的单选按钮来调整色差公式：高
除此之外，Web Workers 用于创建后台线程来调用长时间运行的脚本并处理图像量化等计算密集型任务。
【讨论】：