javascript - 查找图像中最常见的颜色

标签 javascript html canvas

我在一个页面上有一堆产品,这些产品有 200x200 图片。我的第一次运行是获取每个像素的数据(嵌套 for 循环,一个用于 x,一个用于 y),然后将 rgb 转换为 hex,并将它们存储在一个数组中,然后获取最频繁的一个。此脚本需要一次在每页 96 个项目上运行。

目前,它创建一个 Canvas 并将产品图像放入该 Canvas 中,然后执行上述操作。

是否有某种平均算法可以使这个过程更快?

最佳答案

是的!

Lokesh Dhakar 创建了一个名为“color thief”的脚本,用于计算图像的主色。它使用改进的中值切割量化算法 (MCCQ) 快速聚类颜色并确定主色(甚至整个调色板)。

这里有一个演示:http://lokeshdhakar.com/projects/color-thief/该脚本在 github 上可用:https://github.com/lokesh/color-thief

关于javascript - 查找图像中最常见的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15264142/

相关文章:

html - 如何在循环中的 Thymeleaf 变量中添加值并在完成循环后显示最终值

javascript - 如何在每次点击移动图形时知道它的宽度和高度?

javascript - 用paperjs画一个圆圈里面有一个空心的圆圈

javascript - RxJS:flatMap 一个包含 promise 结果的值数组

javascript - knex中的批量更新

php - 跨网站更改电话号码

javascript - 全局变量可以在函数内部执行吗?

javascript - 当我运行 window.onload 函数时,我得到意外的 token 非法

javascript - 来自对象内部的 Jquery Ajax 调用立即失败

javascript - 我的网站上有一个返回页面顶部的按钮,如何设置滚动回顶部的动画?