滤镜格式及参数

滤镜格式及参数
滤镜就像是PhotoShop这一类图像处理软件所提供的特效一样，有了这些特效，就可以直接在HTML中对图片及文字进行特效处理了，而用图片处理软件编辑图片就要在网页中调用更多的图片。

在Dreamweaver的样式编辑器中有16种滤镜可供选择，其中的十种带参数，但有些在IE浏览器中看不到效果，所以我们选择性介绍有较好效果的滤镜。

一、alpha滤镜
让网页对象产生透明的渐进效果
1.格式
Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)
2.参数说明
∙Opacity 用百分比表示不透明的程度。

数值从0到100，0表是完全透明，100表示完全不透明。

∙FinishOpacity 这是一个同Opacity一起使用的选择性的参数，当同时设定Opacity和FinishO pacity时，可以制作出透明渐进的效果。

数值从0到100表是完全透明，100表示完全不透明。

∙style 当以上两参数被使用时,，用于指定渐进的显示形状。

0:无渐进;1直线渐进;2圆形渐进;3矩形辐射。

∙styleX 渐进开始的X坐标值。

∙styleY 渐进开始的Y坐标值。

∙finishX 渐进结束的X坐标值。

∙finishY 渐进结束的Y坐标值。

二、blur滤镜
让网页元素产生模糊的效果
1.格式
Blur(Add=?, Direction=?, Strength=?)
2.参数说明
∙Add 是否要在已经应用Blur滤镜上的网页对象上显示原来的模糊对象。

0:否;1:是。

∙direction 设置模糊的方向。

0（上），45（右上）， 90（右），135（右下）， 180（下），2 25（左下）， 270（左），315（左上）。

∙Strength 指定模糊图像模糊的半径大小。

单位是像素，默认值是5。

三、chroma滤镜
让图像中的某一颜色变成透明色
1.格式
Chroma(Color=?)
2.参数说明
让图像中的某一颜色变成透明色。

其值为色彩的16进制代码或RGB形式表示。

四、dropshadow滤镜
让网页元素有一个下落式的阴影
1.格式 DropShadow(Color=?, OffX=?, OffY=?, Positive=?)
2.参数说明
∙Color 指定阴影的颜色
∙OffX 指定阴影相对于元件对象在水平方向偏移量。

单位是像素,有正负。

∙offy 指定阴影相对于元件对象在垂直方向偏移量。

单位是像素,有正负。

∙positive 指定阴影的透明程度。

0表示没有阴影，非0表示显示阴影的效果。

五、flipH滤镜和flipV滤镜
FlipH 和 FlipV 这两个滤镜主要是产生水平翻转和垂直翻转的效果，这两个滤镜没有额外的参数设置，直接使用就可以了。

六、glow滤镜
Glow 效果可以让网页对象的轮廓上产生一种比较柔和的边框。

1.格式 Glow(Color=?, Strength=?)
2.参数说明
∙Color 指定光晕的颜色，如设Color=#FF0000就可产生火焰字效果
∙Strength 指定光晕的范围。

设定值从1到255，数字越大光晕就越强。

七、gray滤镜
这个滤镜是把一个彩色图片变成黑白的，没有参数。

八、invert滤镜
产生底片效果，就是反转图片中颜色的色调、饱和度、亮度，也没有参数。

九、shadow 滤镜
产生有渐进感的阴影
1.格式 Shadow(Color=?, Direction=?)
2.参数说明
∙Color 阴影的颜色
∙Direction 设置模糊的方向。

参数的含意与blur滤镜中的Direction相同。

十、 wave滤镜
让网页对象产生波浪状的变形效果。

1.格式 Wave(Add=?, Freq=?, LightStrength=?, Phase=?, Strength=?)
2.参数说明
∙Add 表示是否在已经使用了Wave滤镜的元件对象上显示原对象。

0表示不显示；非0表示要显示原对象。

∙Freq 设置波动的个数。

∙LightStrength设置波浪效果的光照强度。

从0到100。

0表示最弱，100表示最强。

∙Phase 波浪的起始相角。

从0到100的百分数值。

∙Strength 设置波浪摇摆的幅度。

十一、 xray滤镜
Xray滤镜会显现图片的轮廓，就像X光的照片一样。

该滤镜没有参数设定。