|
css 濾鏡 ： Pixelate
Pixelate兼容性：IE5.5+
語法：
filter : progid:DXImageTransform.Microsoft.Pixelate ( enabled=bEnabled , duration=fDuration , maxSquare=iWidth )
屬性
enabled : 可選項(xiàng)。布爾值(Boolean)。設(shè)置或檢索濾鏡是否激活。true | false true : 默認(rèn)值。濾鏡激活。
false : 濾鏡被禁止。
duration : 可選項(xiàng)。浮點(diǎn)數(shù)(Real)。設(shè)置或檢索轉(zhuǎn)換完成所用的時(shí)間。其值為秒.毫秒(0.0000)格式。
你可以使用 play 方法的 iDuration 參數(shù)設(shè)置轉(zhuǎn)換回放的持續(xù)時(shí)間。然而，當(dāng)你一旦調(diào)用了 play 方法，在回放持續(xù)過程中 Duration 特性就變?yōu)橹蛔x特性。
maxSquare : 可選項(xiàng)。整數(shù)值(Integer)。設(shè)置或檢索轉(zhuǎn)換中矩形色塊的最大寬度。取值范圍為 2 - 50 。默認(rèn)值為 50 。
特性：
Enabled : 可讀寫。布爾值(Boolean)。參閱 enabled 屬性。
Duration : 可讀寫。浮點(diǎn)數(shù)(Real)。參閱 duration 屬性。
MaxSquare : 可讀寫。整數(shù)值(Integer)。參閱 maxSquare 屬性。
Percent : 可讀寫。字符串(String)。設(shè)置或檢索當(dāng)前靜態(tài)濾鏡輸出在轉(zhuǎn)換進(jìn)程中所處的點(diǎn)。取值范圍為 0 - 100 。默認(rèn)值為 0 ，轉(zhuǎn)換尚未開始。 100 為轉(zhuǎn)換完成。
此特性可用于使用轉(zhuǎn)換濾鏡建立靜態(tài)濾鏡效果。設(shè)置其值等于定義了轉(zhuǎn)換進(jìn)程停止的點(diǎn)。使用轉(zhuǎn)換濾鏡建立靜態(tài)濾鏡效果可遵循以下步驟：
使用轉(zhuǎn)換濾鏡的 apply 方法。這將捕獲對(duì)象內(nèi)容的初始顯示，設(shè)置 Percent 特性值為 0 。
改變對(duì)象內(nèi)容。如 visibility ， innerText ， background-color ， border ，或者其子對(duì)象的屬性。
設(shè)置轉(zhuǎn)換濾鏡的 Percent 特性。即確定你希望的轉(zhuǎn)換進(jìn)程中某一點(diǎn)。這將捕獲到轉(zhuǎn)換進(jìn)程中在該點(diǎn)處的一張內(nèi)容圖像。
設(shè)置轉(zhuǎn)換濾鏡的 Enabled 特性值為 true 。則濾鏡作用的對(duì)象將依據(jù)獲取到的圖像更新其內(nèi)容。
請(qǐng)注意：你只能使用 visibility 屬性來改變對(duì)象的子對(duì)象。否則，對(duì)子對(duì)象的直接改變會(huì)被立即顯示出來，而不會(huì)被轉(zhuǎn)換濾鏡捕獲。
status : 只讀。整數(shù)值(Integer)。檢索轉(zhuǎn)換的當(dāng)前狀態(tài)。0 | 1 | 2 0 : 轉(zhuǎn)換停止(stop)。
1 : 轉(zhuǎn)換被應(yīng)用(apply)。
2 : 轉(zhuǎn)換在進(jìn)行(play)。
方法：
apply : 捕獲對(duì)象內(nèi)容的初始顯示，為轉(zhuǎn)換做必要的準(zhǔn)備。無返回值。
當(dāng)此方法一旦被調(diào)用后，對(duì)象屬性的任何改變都不會(huì)被顯示，直到你調(diào)用 play 方法開始轉(zhuǎn)換。
請(qǐng)注意：你只能使用 visibility 屬性來改變對(duì)象的子對(duì)象。否則，對(duì)子對(duì)象的直接改變會(huì)被立即顯示出來，而不會(huì)被轉(zhuǎn)換濾鏡捕獲。
當(dāng)你調(diào)用 play 方法時(shí)，轉(zhuǎn)換呈現(xiàn)出內(nèi)容的變化結(jié)果(對(duì)象的屬性和子對(duì)象的 visibility 屬性的改變)。
play ( iDuration ) : 開始轉(zhuǎn)換。無返回值。參數(shù)見下表。
iDuration : 可選項(xiàng)。浮點(diǎn)數(shù)(Real)。 指定濾鏡作用持續(xù)的時(shí)間。默認(rèn)單位為秒。
使用 play 方法的 iDuration 參數(shù)設(shè)置轉(zhuǎn)換回放的持續(xù)時(shí)間，其值在轉(zhuǎn)換的當(dāng)前一個(gè)周期內(nèi)會(huì)替換 Duration 屬性的設(shè)置。但是下一次轉(zhuǎn)換會(huì)恢復(fù)使用 Duration 屬性設(shè)置的值。
stop : 停止轉(zhuǎn)換回放。并呈現(xiàn)轉(zhuǎn)換結(jié)果圖像。同時(shí)激發(fā) onfilterchange 事件。無返回值。
說明：
這個(gè)轉(zhuǎn)換濾鏡是一個(gè)復(fù)雜的視覺效果。在轉(zhuǎn)換的前半段，對(duì)象內(nèi)容先顯示為矩形色塊拼貼，然后矩形的寬度由一個(gè)像素增加至 MaxSquare 屬性所設(shè)置的值。每個(gè)矩形的顏色由其所覆蓋區(qū)域的像素的顏色平均值決定。接下來的轉(zhuǎn)換的后半段，矩形被還原為新內(nèi)容具體的圖像像素，顯示出新的內(nèi)容。
在使用此轉(zhuǎn)換濾鏡前設(shè)置此濾鏡的 Enabled 特性值為 false 。這將預(yù)防在轉(zhuǎn)換發(fā)生前彩色拼貼效果的靜態(tài)濾鏡先在對(duì)象內(nèi)容上發(fā)生作用。
運(yùn)行代碼框
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運(yùn)行]
forestgan寫的效果如下:
運(yùn)行代碼框
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運(yùn)行]
經(jīng)典討論帖
http://www.95time.cn/bbs/NewsDetail.asp?id=2500285
出處：藍(lán)色理想
責(zé)任編輯：moby
◎進(jìn)入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|
