公告:本站提供编程开发方面的技术交流与分享,打造最佳教程网,希望能为您排忧解难!

CSS在线手册滤镜(Filters)Matrix

Matrix

更新时间:2013-05-03 23:48:11 |
Matrix兼容性:IE5.5+

语法:

filter : progid:DXImageTransform.Microsoft.Matrix ( enabled=bEnabled, SizingMethod=sMethod, FilterType=sType, Dx=fDx, Dy=fDy, M11=fM11, M12=fM12, M21=fM21, M22=fM22)

属性:

enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true|false
true:默认值。滤镜激活。
false:滤镜被禁止。
SizingMethod:可选项。字符串(String)。设置或检索容器是否改变尺寸去适应目标图像。clip to original|auto expand
clip to original:默认值。容器不改变尺寸。
auto expand:容器改变尺寸以适应目标图像。
FilterType:可选项。字符串(String)。设置或检索定义新内容的像素的方法。bilinear|nearest neighbor
要想获得最好的平滑的静态滤镜效果,请使用bilinear方法参数。而当用于动画图像时,nearest neighbor方法参数因其运算速度较快从而能够提供动画每秒更多图像。
bilinear:默认值。使用bilinear方法定义目标像素的色彩内容。
nearest neighbor:使用nearest neighbor方法定义目标像素的色彩内容。
Dx:可选项。浮点数(Float)。设置或检索线性转换的向量增加 X 。默认值为1.0。当SizingMethod属性设置为auto expand时此属性设置被忽略。
Dy:可选项。浮点数(Float)。设置或检索线性转换的向量增加 Y 。默认值为1.0。当SizingMethod属性设置为auto expand时此属性设置被忽略。
M11:可选项。浮点数(Float)。设置或检索线性转换的第一行/第一列矩阵输入。默认值为1.0
M12:可选项。浮点数(Float)。设置或检索线性转换的第一行/第二列矩阵输入。默认值为0.0
M21:可选项。浮点数(Float)。设置或检索线性转换的第二行/第一列矩阵输入。默认值为0.0
M22:可选项。浮点数(Float)。设置或检索线性转换的第二行/第二列矩阵输入。默认值为1.0

特性:

Enabled:可读写。布尔值(Boolean)。参阅enabled属性。
SizingMethod:可读写。字符串(String)。参阅SizingMethod属性。
FilterType:可读写。字符串(String)。参阅FilterType属性。
Dx:可读写。浮点数(Float)。参阅Dx属性。
Dy:可读写。浮点数(Float)。参阅Dy属性。
M11:可读写。浮点数(Float)。参阅M11属性。
M12:可读写。浮点数(Float)。参阅M12属性。
M21:可读写。浮点数(Float)。参阅M21属性。
M22:可读写。浮点数(Float)。参阅M22属性。

说明:

使用矩阵变形实现对象内容的改变尺寸、旋转、上下或左右反转。
使用此滤镜可以建立下列效果:
  1. 左右反转。将M11M12的值取负。
  2. 上下反转。将M21M22的值取负。
  3. 改变尺寸。将M11M12M21M22的值乘以相同的因数。对象内容尺寸会按比例增大或缩小。
使用padding属性能够使最终图像边角被剪切的机会降到最小。

示例:

#goodxyxDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.Matrix(enabled='false') ; }
#goodxyxDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.Matrix(M11=1.0, sizingmethod="auto expand"); }
应用于:
IE5.5+AACRONYMADDRESSBBDOBIGBLOCKQUOTEBODYBUTTONCAPTIONCENTERCITECODECUSTOMDDDELDFNDIRDIVDLDTEMFIELDSETFONTFORMFRAMEHnIFRAMEFRAMESETIINSIMGINPUT type=buttonINPUT type=checkboxINPUT type=fileINPUT type=imageINPUT type=passwordINPUT type=radioINPUT type=resetINPUT type=submitINPUT type=textKBDLABELLEGENDLIMARQUEEMENUNOBROBJECTOLPPLAINTEXTPREQRTRUBYSSAMPSMALLSPANSTRIKESTRONGSUBSUPTABLETEXTAREATHTDTTUULVARXMP
最佳教程网

最大的技术交流平台 www.goodxyx.com© CopyRight 2011-2013, All Rights Reserved

浙ICP备11033019号