Получить определенный цвет пикселя Javascript
Я пытаюсь написать расширение Chrome с прокруткой вверх, которое может автоматически определять цветовую схему веб-сайта, на котором оно размещается.
Я подумал, что лучший способ сделать это - взять самый первый (верхний левый) пиксель на странице и получить его цвет.
Я искал SO и нашел, как это сделать с изображением, что означает, что я могу сделать снимок экрана страницы и просто обработать изображение, однако я надеялся, что есть гораздо более изощренный способ сделать это. Поиск привел меня сюда: Как получить цвет координаты x, y пикселя из изображения?
Я могу включить для этого пакеты JS, но я не могу найти ни одного, который мог бы выполнить конкретную задачу, которую я хочу.
В настоящее время я использую jQuery в своем проекте, поэтому могу использовать либо, либо для этого.
Просто подумайте, а как насчет использования цветов значков?
@RoryMcCrossan Единственная проблема в том, что большая часть сайта будет белой / независимо от цвета фона. Я использовал верхний левый угол специально, чтобы получить цвет навигационной панели, если она существует.
@GraemeChapman Это хорошая мысль, я попробую, похоже, это может сработать.
Если это так, почему бы просто не прочитать цвет навигационной панели?
@RoryMcCrossan Я думал, что обнаружение навигационной панели может быть особенно сложным, поскольку есть много разных способов сделать это
$('#navbar').css('background-color'), или вернитесь к ссылке, которую вы разместили в вопросе, если фон является изображением
Это не сработает; не каждый сайт использует #navbar для идентификации элемента навигации. В этом отношении, однако, пиксель (0,0) не обязательно будет частью навигационной панели (на многих сайтах, которые будут давать вам цвет заголовка, цвет поля страницы или что-то еще, что находится в верхнем левом углу пиксель изображения героя.)
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Самый простой способ сделать это - преобразовать HTML-код текущей страницы в холст, а затем использовать алгоритм для определения медианного цвета пикселя, например, в эта библиотека.