檢測圖像在JavaScript中大部分是黑暗還是明亮？

Question

我正在尋找一種方法來掃描任何給定的圖像，並確定它是否主要是黑暗或光線（在明亮鮮豔的顏色或黑暗和不飽和的顏色意義上）。

這在PHP做：Background image dark or light?

但是，有沒有辦法做到這一點與JavaScript中的蒼蠅？查看像素並確定其RGB值？我只需要簡單地知道是將樣式重疊文本分別設爲黑色還是白色。

Answer 1

這可以通過使用HTML5 canvas作爲一個解決方案來實現。

加載圖像到畫布上，然後就可以訪問的像素值，並執行您選擇在他們使用任何算法

有沒有內置的命令，我知道的，做精確的任務你描述。

另一種解決方案將是serve或read數據到一個blob原始格式，值的array，從而它們可被處理。