Question

html5和js如何改变图片的亮度

Answer 1

首先，您说的亮度应该是图片透明度。
图片透明度调整很简单，只要在图片的属性中加上{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}；
opacity是最重要的，因为它是CSS透明的标准属性，取值范围在0-1之间，目前支持的浏览器有：
Firefox、Chrome、Opera、Safari。（也就是说，除了IE，它支持所有主流浏览器）；
filter:alpha(opacity=50);是专门给IE设定的属性，取值的范围在0-100之间；
-moz-opacity是为了兼容一些老版本的Mozilla浏览器，取值范围在0-1之间；
-khtml-opacity是为了兼容一些老版本的Safari浏览器，取值范围在0-1之间。

Answer 2

你用HTML5、CSS和JS做什么软件，都不能实现这个效果，除非浏览器给你提供API。
2. 那些用HTML5做的画画软件，实际上就是在一个画布（Canvas）上进行绘画的，Canvas中的图像数据时可以获取的，上面已经提到了，因此可以保存为图片。而网页不一样，Canvas只是HTML中的一个标签，而一个网页包含了许多许多标签，除了Canvas，它们都无法将内容存为图片。

当然，如果你真要做成这样，你可以把整个网站都用Canvas来绘制，不过这样很复杂，特别是有一些效果和用户交互的话，且只支持HTML5的浏览器。

你说canvas可以获取图像数据，其实我就只需要保存那个画布里的图像。那么我能不能把Canvas就设置一个特定的大小（譬如半个屏幕大小），接着用几张图片覆盖在画布上面，那么我就直接保存那个画布方框里的图像。这个可以吗？
你说必须得api，那么请问如果用phonegap或者什么html5手机开发软件里，有这些保存图像的sdk吗？？？

canvas是可以设置大小的，你可以想象其实canvas就像是windows里面的画图工具，你可以在里面画任何的图片、文字，并进行象素级操作。就像上面说的，你可以整个页面就用一个canvas，所有东西放到里面，想怎么截图就可以怎么截图，想要什么效果都可以实现，不过这样开发起来会比较困难，且仅支持HTML5的浏览器可以运行。
Phonegap里面是没有提供保存为图像的API的，不过如果你是在终端上面使用，那就好说了，因为你可以修改Phonegap的源码，或者自己开发一个WebView，提供一些保存为图片的API。

Answer 3

是canvas的图片吗？如果是canvas的可以处理！不然其他的图片好像不能。
如果要这种效果的话可以在图片上加一个div，设置上层div的透明度来处理效果；如果是html5的canvas的话 可以看一下http://www.tuicool.com/articles/IVVnA3（通过HTML5 Canvas API调节图像的亮度和颜色）

Answer 4

用HTML5 和JS做的话会造成老版本浏览器不兼容等问题。
建议用PS等作图软件直接改图。

不过你坚持的话...这里有HTML5改图片亮度的教程：http://www.html5cn.org/forum.php?mod=viewthread&tid=84023

Answer 5

改变图片的属性值 img.height