最近在做影像叠加时需要将白色的背景作为透明色,以便于将后面的影像透过来。
可以采取两种方案:
1.在服务器端先将图片处理成透明的图片.
2.在客户端使用CSS Filter chroma 过滤颜色
以下使用CSS Filter 在客户端浏览器上实现效果:
虽然达到一定效果,但是还有一定问题,如果想将两种或一定范围内的颜色作为透明,这种方法好像就无能为力了,不知大家对次需求有何高见?
可以采取两种方案:
1.在服务器端先将图片处理成透明的图片.
2.在客户端使用CSS Filter chroma 过滤颜色
以下使用CSS Filter 在客户端浏览器上实现效果:
<
table
cellspacing
= "0"
cellpadding
= "0"
border
= "1"
>
< tbody >
< tr align = "center" bgcolor = "#cccccc" >
< td >
< img src = "http://www.asp.net/images/quickstart.gif" /></ td >
< td >
< img style = "FILTER: chroma(color:#FFFFFF)" src = "http://www.asp.net/images/quickstart.gif" />
</ td >
</ tr >
< tr align = "center" >
< td >
未使用该滤镜 </ td >
< td >
使用该滤镜 </ td >
</ tr >
</ tbody >
</ table >
< tbody >
< tr align = "center" bgcolor = "#cccccc" >
< td >
< img src = "http://www.asp.net/images/quickstart.gif" /></ td >
< td >
< img style = "FILTER: chroma(color:#FFFFFF)" src = "http://www.asp.net/images/quickstart.gif" />
</ td >
</ tr >
< tr align = "center" >
< td >
未使用该滤镜 </ td >
< td >
使用该滤镜 </ td >
</ tr >
</ tbody >
</ table >