Compositor兼容性:IE5.5+
語法:
filter : progid:DXImageTransform.Microsoft.Compositor ( function=sFunction )
屬性:
function : 可選項。整數值(Integer)。設置或檢索混合方式。 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 19 | 20 | 21 | 22 | 23 | 24 | 25
0 : 默認值。清除。不執行任何操作。
1 : MIN 。比較AB的每一個像素的亮度,將亮度較低的像素點顯示出來。
2 : MAX 。比較AB的每一個像素的亮度,將亮度較高的像素點顯示出來。
3 : A。僅僅顯示A
4 : A OVER B。在B之上顯示AA被完全顯示,B通過A的透明區域顯示出來。
5 : A IN B。顯示被AB包含的部分。只有兩個圖像 alpha 值都不為 0 的區域被顯示。B不會有任何部分穿透顯示。
6 : A OUT B。顯示A沒有被B包含的部分。B不會有任何部分穿透顯示。
7 : A ATOP B。 顯示A遮蓋B,每個取樣都通過B alpha 通道依比例測定獲得。
8 : A SUBTRACT B。以B的顏色取樣值減去A的相應顏色取樣值的方式顯示A。結果顏色通過A alpha 通道依比例測定獲得。
9 : A ADD B。以B的顏色取樣值加上A的相應顏色取樣值的方式顯示A。 結果顏色通過A alpha 通道依比例測定獲得。
10 : A XOR B。顯示AB沒有相互交疊的像素點。交疊的像素通過它們反轉的 alpha 值依比例測定。
19 : B。僅僅顯示B
20 : B OVER A。在A之上顯示BB被完全顯示,A通過B的透明區域顯示出來。
21 : B IN A。顯示被BA包含的部分。只有兩個圖像 alpha 值都不為 0 的區域被顯示。A不會有任何部分穿透顯示。
22 : B OUT A。顯示B沒有被A包含的部分。A不會有任何部分穿透顯示。
23 : B ATOP A。 顯示B遮蓋A,每個取樣都通過A alpha 通道依比例測定獲得。
24 : B SUBTRACT A。以A的顏色取樣值減去B的相應顏色取樣值的方式顯示B。結果顏色通過B alpha 通道依比例測定獲得。
25 : B ADD A。以A的顏色取樣值加上B的相應顏色取樣值的方式顯示B。 結果顏色通過B alpha 通道依比例測定獲得。
特性:
Function :可讀寫。整數值(Integer)。參閱 function 屬性。
方法:
apply : 捕獲對像內容的初始顯示,為轉換做必要的準備。無返回值。
當此方法一旦被調用後,對像屬性的任何改變都不會被顯示,直到你調用 play 方法開始轉換。
請注意:你只能使用 visibility 屬性來改變對象的子對象。否則,對子對象的直接改變會被立即顯示出來,而不會被轉換濾鏡捕獲。
當你調用 play 方法時,轉換呈現出內容的變化結果(對象的屬性和子對象的 visibility 屬性的改變)。
play ( iDuration ) : 開始轉換。無返回值。參數見下表。
iDuration :可選項。浮點數(Real)。 指定濾鏡作用持續的時間。默認單位為秒。
使用 play 方法的 iDuration 參數設置轉換回放的持續時間,其值在轉換的當前一個週期內會替換 Duration 屬性的設置。但是下一次轉換會恢復使用 Duration 屬性設置的值。
說明:
依據初始對像和新對像色彩的特定混合方式顯示新的對象內容。
這個濾鏡提供了豐富的將輸入對象的色彩和透明度相互作用的圖像合成的功能設置。要建立轉換濾鏡,遵循下列步驟:
  1. 選擇一個功能( function )。
  2. 設置對象的合成濾鏡( filter )的屬性聲明。
  3. 確定濾鏡對像初始顯示的內容。合成功能將此作為輸入 A
  4. 使用合成濾鏡的 apply 方法。捕獲對像內容的初始顯示,為轉換做必要的準備。
  5. 改變對象的屬性,如 visibility innerText background-color border ,或者其子對象的屬性。合成功能將此作為輸入 B
  6. 使用合成濾鏡的 play 方法。這會將合成功能輸出的圖像變化顯示出來。
示例:
#idDiv{ filter:progid:DXImageTransform.Microsoft.Compositor(function=20, duration=7);}