Есть ли способ изменить цвет всей клиентской части веб-страницы?

Question

Не удалось найти какую-либо информацию об этом.Кажется, это должно быть возможно ...

Есть ли способ изменить оттенок отдельного элемента (например, изображения) с помощью js?

Answer 1

Вы можете получить доступ к данным изображения, используя API Canvas. Тогда вы можете изменить цвета. Хотя это может быть очень дорого (потребуется немного времени для рендеринга).

За всю страницу вы могли бы сделать

#overlay {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: red;
    opacity: 0.7; /* check IE's proprietary filter */
}

Answer 2

Единственный способ, которым я могу думать об этом, заключается в следующем:

1. Просмотрите каждый элемент на странице, найдите его ВЫЧИСЛЕННЫЙ цвет фона и цвет текста.Используйте что-то вроде ColorJizz , чтобы изменить оттенок.
2. Найдите каждое изображение, включая фоновые изображения.Может быть, снова вы могли бы сделать это, найдя вычисленные стили.Это было бы сложно ... У вас есть возможность либо перенаправить их на серверный скрипт, который может изменить их оттенок, либо заменить их элементом canvas, пройти через каждый пиксель и изменить его цвет.Опять же - colorjizz будет работать для этого, но это будет ОЧЕНЬ медленно.

В общем, я бы не рекомендовал делать что-либо из этого.Было бы ОЧЕНЬ трудно понять, как правильно.

Answer 3

Если вы хотите подкрасить изображение определенным цветом, вы можете наложить полупрозрачный цвет.

Если вы имеете в виду фактическое смещение оттенков изображения, как вы могли бы это сделать в Photoshop, я не верю, что Javascript может делать это в любых основных браузерах.