静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。_图象特效

请新建文件TestImage.html

注意：静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。
欢迎与邀月交流,net技术与软件架构
内容如下，(可自行修改)：

复制代码 代码如下:

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">









  
    
  
  
    
  
  
    
  
 
    
  
  
    
  
  
    
  
   
    
  
  
    
  
   
    
  
  
    
  
   
    
  
  
    
  
   
    
  
  
    
  
   
    
  
  
    
  
   
    
  
  
    
  
   
    
  
  
    
  
   
    
  
  
    
  
   
    
  

    
  

  

原图

      半透明

opacity:开始处的透明度。


finishOpacity:结束处的透明度。


style:0为平均透明 1为线状透明 2为圆形透明 3为菱形透明

      左右翻转

     上下翻转

     灰度

     X光

     色彩对换

      发光边框

    color为发光颜色代码,strength是发光强度,滤镜宽=图宽+发光强度x2,滤镜高=图高+发光强度x2+10

      投影边框

color为发光颜色代码,direction表示方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽+25,濾鏡高=图高+40

      阴影边框

color为发光颜色代码,offX表示水平位移offY表示垂直位移(可正可负),滤镜宽=图宽+水平位移绝对值+10,滤镜高=图高+垂直位移绝对值+2)

      模糊边框

Direction表示方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽+15,濾鏡高=图高+30

      波形边框

    Freq表示波形频率(>0)，strength表示振幅强度(>0)，lightstrength表示波峰强度(0~100愈高越黑)，phase表示起始相位(0~100),滤镜宽=图宽+振幅强度x2
滤镜高=图高+振幅强度x2+10

 
效果如下：