Javascript html5/CSS/JS的图像亮度

在我的项目中，我试图创造一种环境照明的感觉。我通过客户端编码处理图像，我需要调整几个图像的亮度。我知道有Pixastic之类的库，但我想要一个直接应用于HTML代码（如标记）而不是JS中的图像对象的解决方案。有什么基于Javascript或CSS的方法可以做到这一点吗？

您可以尝试使用CSS不透明性，看看是否适合您的需要

img {
    opacity: 0.8; /* good browsers */
    filter: alpha(opacity=80); /* ye 'old IE */
}

---

正如Blender所建议的那样，

标签是gamma操作所需要的，这是一种非线性的每像素转换。

这里有一个HTML5

检查一个亮度调整

Filters.brightness=功能（像素，调整）{
var d=像素数据；
对于（var i=0；i首先，如果Pixastic可以处理
新图像的结果
，那么它也可以处理文档中的
元素

除此之外，您的选项基本上是canvas imagedata操纵（在IE8或更高版本中不起作用）和SVG过滤器（在IE8或更高版本中不起作用，在Gecko之外的任何东西中都不直接作用于HTML元素）。
您可能会使用（IE不受支持）
标记图像并将其加载到其中。尽管我怀疑它是否好看，但可以在图像后面放置白色背景，这样当图像变得透明时，它似乎变得越来越白（“更亮”）使用不透明度是我想到的第一件事。我试图在图像顶部放置一个阴影层，但它会使整个块变暗。我只想使图像变暗。然后在图像后面放置一个黑色层。这是一篇旧文章，请使用此网站来做和测试html5死链接-1：|
Filters.brightness = function(pixels, adjustment) {
  var d = pixels.data;
  for (var i=0; i<d.length; i+=4) {
    d[i] += adjustment;
    d[i+1] += adjustment;
    d[i+2] += adjustment;
  }
  return pixels;
};