コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。_图象特效

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

WBOY
リリース： 2016-05-16 19:18:06
オリジナル
955 人が閲覧しました
请新建文件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浏览器。_图象特效




 
效果如下：

邀月工作室
関連ラベル：
静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。
ソース：php.cn
前の記事：修改发贴的编辑功能_javascript技巧 次の記事：Javascript之文件操作_基础知识
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2252
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2389
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
2004
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1890
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1956
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート