使用html5/CSS/JS的图像亮度

Question

在我的项目中,我试图创造一种环境照明的感觉.我通过客户端编码处理图像,我需要调整几个图像的亮度.我知道像Pixastic这样的库,但是我想要一个直接应用于HTML代码(如标签)而不是JS中的Image对象的解决方案.有没有基于Javascript或CSS的方式来做到这一点？

Answer 1

您可以尝试使用CSS不透明度来查看是否符合您的需求.

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

Answer 2

正如 Blender 所建议的，<canvas>标签就是您想要进行伽玛操作的标签，伽玛操作是非线性的每像素变换。