Pixelate 필터 예제

정상 이미지 필터 효과 초기화 픽셀 증가 픽셀 감소 지속성 증가 지속성 감소

필터 표시창

<SCRIPT>
function doPlay(job){
  if (!job) divObj.filters[0].Enabled=false;
  else {
    divObj.filters[0].Apply();
    divObj.filters[0].Enabled=true;
    if (job==1){}
    if (job==2) ++divObj.filters[0].Duration;
    if (job==3){
      if (divObj.filters[0].Duration) --divObj.filters[0].Duration;
    }
    if (job==4){
      if (divObj.filters[0].MaxSquare<50) ++divObj.filters[0].MaxSquare;
    }
    if (job==5){
      if (divObj.filters[0].MaxSquare>2) --divObj.filters[0].MaxSquare;
    }
    if (job==6){
      divObj.filters[0].Duration=20;
      divObj.filters[0].MaxSquare=50;
    }
    divObj.filters[0].Play();
  }
  str='';
  str+='divObj.style.filter='+divObj.style.filter+'<BR>';
  str+='⇒Enabled=('+divObj.filters[0].Enabled+'), ';
  str+='maxSquare=('+divObj.filters.item(0).MaxSquare+'), ';
  str+='Duration=('+divObj.filters.item(0).Duration+')<BR>';
  show.innerHTML=str;
}
</SCRIPT>

<STYLE>
.butClass{width:90}
.divClass {font-size:50;line-height:1.2em;font-weight:bold;color:blue}
</STYLE>
<DIV id="divObj" CLASS="divClass"  style="width:500;height:150;
  filter:progid:DXImageTransform.Microsoft.Pixelate(Duration=20,MaxSquare=50);">
<IMG src=../../../gif/rfexample.gif width=100><BR>
Pixelate 필터 예제
</DIV>
<BUTTON onClick="doPlay(0)" class="butClass">정상 이미지</BUTTON>
<BUTTON onclick="doPlay(1)" class="butClass">필터 효과</BUTTON>
<BUTTON onclick="doPlay(6)" class="butClass">초기화</BUTTON>
<BUTTON onclick="doPlay(4)" class="butClass">픽셀 증가</BUTTON>
<BUTTON onclick="doPlay(5)" class="butClass">픽셀 감소</BUTTON>
<BUTTON onclick="doPlay(2)" class="butClass">지속성 증가</BUTTON>
<BUTTON onclick="doPlay(3)" class="butClass">지속성 감소</BUTTON>
<DIV id=show style="width:630;height:45;border:solid 1 blue;padding:3;font-size:90%">필터 표시창</DIV>