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. 左右反轉。將 M11 M12 的值取負。
  2. 上下反轉。將 M21 M22 的值取負。
  3. 改變尺寸。將 M11 M12 M21 M22 的值乘以相同的因數。對像內容尺寸會按比例增大或縮小。
使用 padding 屬性能夠使最終圖像邊角被剪切的機會降到最小。
示例:
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.Matrix(enabled='false') ; }
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.Matrix(M11=1.0, sizingmethod="auto expand"); }