Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > 静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。_图象特效

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

WBOY
Freigeben： 2016-05-16 19:18:06
Original
955 Leute haben es durchsucht
请新建文件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">



测试图片效果





  
    
  
  
    
  
  
    
  
 
    
  
  
    
  
  
    
  
   
    
  
  
    
  
   
    
  
  
    
  
   
    
  
  
    
  
   
    
  
  
    
  
   
    
  
  
    
  
   
    
  
  
    
  
   
    
  
  
    
  
   
    
  
  
    
  
   
    
  

    
  

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


      半透明

opacity:开始处的透明度。


finishOpacity:结束处的透明度。


style:0为平均透明 1为线状透明 2为圆形透明 3为菱形透明
静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。_图象特效


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


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


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


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


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


      发光边框

    color为发光颜色代码,strength是发光强度,滤镜宽=图宽+发光强度x2,滤镜高=图高+发光强度x2+10
静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。_图象特效


      投影边框

color为发光颜色代码,direction表示方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽+25,濾鏡高=图高+40
静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。_图象特效


      阴影边框

color为发光颜色代码,offX表示水平位移offY表示垂直位移(可正可负),滤镜宽=图宽+水平位移绝对值+10,滤镜高=图高+垂直位移绝对值+2)
静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。_图象特效


      模糊边框

Direction表示方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽+15,濾鏡高=图高+30
静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。_图象特效


      波形边框

    Freq表示波形频率(>0)，strength表示振幅强度(>0)，lightstrength表示波峰强度(0~100愈高越黑)，phase表示起始相位(0~100),滤镜宽=图宽+振幅强度x2
滤镜高=图高+振幅强度x2+10
静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。_图象特效




 
效果如下：

邀月工作室
Verwandte Etiketten：
静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。
Quelle：php.cn
Vorheriger Artikel：修改发贴的编辑功能_javascript技巧 Nächster Artikel：Javascript之文件操作_基础知识
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...
Aus 2024-04-29 11:01:01
0
3
2252
So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?
Aus 2024-04-23 00:22:19
0
11
2389
Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.
Aus 2024-04-19 15:37:47
0
1
2004
Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...
Aus 2024-04-18 23:52:34
0
1
1890
Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen
Aus 2024-04-16 10:10:18
0
0
1956
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage