有没有办法改变整个网页客户端的色调？

Question

未能找到有关此内容的任何信息。好像应该可以......

有没有办法用js改变单个元素的色调（比如说图像）？

Answer 1

您可以使用画布API访问图像的数据。然后你可以改变颜色。这可能非常昂贵（需要花一点时间来渲染）。

为了完成整个页面，你可以做到

#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

如果您想为图像着色特定颜色，可以覆盖半透明的彩色div。

如果你的意思是实际移动图像的色调，就像在Photoshop中那样，我不相信Javascript可以在任何主流浏览器中做到这一点。

Answer 3

我能想到的唯一方法是这样做：

1. 浏览中的每个元素 页面，找到它的COMPUTED背景 颜色和文字颜色。用点东西 比如ColorJizz来改变 色调。
2. 查找每张图片 - 包括 背景图片。也许你了 通过找到这个来做到这一点 计算样式。这很棘手.. 然后你可以选择其中之一 将它们重定向到服务器端 可以改变色调的脚本 那些，或用一个替换它们 画布元素和经历 每个像素和改变颜色 那个。再次 - colorjizz会 为此工作，但它是非常的 慢。

但一般来说，我不建议这样做。很难做对。