masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > 静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。_图象特效

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

WBOY
Lepaskan： 2016-05-16 19:18:06
asal
954 orang telah melayarinya
请新建文件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浏览器。_图象特效




 
效果如下：

邀月工作室
Label berkaitan：
静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。
sumber：php.cn
Artikel sebelumnya：修改发贴的编辑功能_javascript技巧 Artikel seterusnya：Javascript之文件操作_基础知识
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
3
2232
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
11
2375
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
1986
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1871
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1942
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan