javascript - 在 JavaScript 中检测图像是暗色还是亮色？

Question

我正在寻找一种方法来扫描任何给定的图像并确定它是主要是黑暗还是明亮（在明亮鲜艳的颜色或黑暗和不饱和颜色的意义上）。

这是在 PHP 中完成的：背景图像是暗的还是亮的？

但是有没有办法用 Javascript 即时完成呢？查看像素并确定它们的 RGB？我需要简单地知道是否将覆盖文本分别设置为黑色或白色。

Answer 1

这可以通过使用HTML5 canvas作为一种解决方案来实现。

将图像加载到画布中，然后您可以访问像素值并执行您选择在它们上使用的任何算法

据我所知，没有内置命令可以执行您描述的精确任务。

另一种解决方案是以原始格式（值数组）将数据提供或读取到blob中，以便可以处理它们。