使用jQuery处理图像亮度

Image brightness handling by jQuery

本文关键字：亮度 图像 处理 jQuery 使用      更新时间：2023-09-26

如何使用jQuery增加/减少图像的亮度?

你可以使用CSS滤镜增加图像的亮度，并使用jQuery修改CSS，如下所示:

HTML 

<img src="http://lorempixel.com/300/300/" />
Javascript 

var bLevel = 1;
$('img').click(function() {
    bLevel += .1;
    $(this).css({"-webkit-filter" : "brightness("+bLevel+")"})
});

(演示)

增加/减少点击演示的亮度:http://jsfiddle.net/user2314737/ZeY8C/2/

您可以设置图像的不透明度，如:

$("#my-image").css("opacity", "0.5");
相关文章：