牧月天涯(WWWFIND)整理各种滤镜演示

本文一些例子借鉴天极网和MSDN

一些滤镜单独用于图片时仅适用于透明的GIF

TransitionType: alpha blend0:box in1:box out2:circle in3:circle out4:wipe up5:wipe down6:wipe right7:wipe left8:vertical blinds9:horizontal blinds10:checkerboard across11:checkerboard down12:dissolve13:split-in vertical14:split-out vertical15:split-in horizontal16:split-out horizontal17:strips-down left18:strips-up left19:strips-down right20:strips-up right21:random horizontal bars22:random vertical bars23:random Duration:javascript id=b_transition onclick="return b_transition_onclick()" type=button value=Transition name=button1>

累计效果 

Alpha 滤镜 opacity: finishopacity:style: 统一形状线形放射形矩形startx:starty:finishx:finishy:   

Shadow 滤镜 color: Black Gray DarkGray LightGray White Aquamarine Blue Navy Purple DeepPink Violet Pink DarkGreen Green YellowGreen Yellow Orange Red Brown BurlyWood Beigedirection: 

Blur 滤镜 add: 印象派模糊普通 direction: strength(浓度):px

DropShadow滤镜 color: Black Gray DarkGray LightGray White Aquamarine Blue Navy Purple DeepPink Violet Pink DarkGreen Green YellowGreen Yellow Orange Red Brown BurlyWood Beige offx: offy: positive(肯定的): 非透明像素建立可见的投影透明的像素部分建立透明效果 

Glow滤镜 color: Black Gray DarkGray LightGray White Aquamarine Blue Navy Purple DeepPink Violet Pink DarkGreen Green YellowGreen Yellow Orange Red Brown BurlyWood Beige  stength:  chroma滤镜  color: Black Gray DarkGray LightGray White Aquamarine Blue Navy Purple DeepPink Violet Pink DarkGreen Green YellowGreen Yellow Orange Red Brown BurlyWood Beige

Wave滤镜:add: 按照波形样式打乱不打乱 freq(频率) lightstrength:  phase: strength: 

Mask滤镜 color: Black Gray DarkGray LightGray White Aquamarine Blue Navy Purple DeepPink Violet Pink DarkGreen Green YellowGreen Yellow Orange Red Brown BurlyWood Beige   Gray滤镜  Invert滤镜  Xray滤镜  Fliph滤镜  Flipv滤镜  

　　利用“Shadow”属性可以在指定的方向建立物体的投影，COLOR是投影色，DIRECTION是设置投影的方向。其中0度代表垂直向上，然后每45度为一个单位。它的默认值是向左的270度。

　　效果如下：

　　实例：

Mask 滤镜

　　使用"MASK"属性可以为对象建立一个覆盖于表面的膜，其效果就象戴着有色眼镜看物体一样 。

Light 滤镜

　　这个属性模拟光源的投射效果。一旦为对象定义了“LIGHT"滤镜属性，那么就可以调用它的“方法(Method)"来设置或者改变属性。“LIGHT"可用的方法有：

　　我们可以定义光源的虚拟位置，以及通过调整X轴和Y轴的数值来控制光源焦点的位置，还可以调整光源的形式（点光源或者锥形光源）指定光源是否模糊边界、光源的颜色、亮度等属性。如果动态的设置光源，可能会产生一些意想不到的效果。