Wave 필터 예제

필터 효과를 위해 클릭해 보라

필터 표시창

<SCRIPT>
var clickBut=false;
function doPlay(){
  divObj.filters[0].Apply();
  if (clickBut){
    clickBut=false;
    divObj.style.backgroundColor='yellow';
    divObj.style.color='blue';
    divObj.filters[0].Freq=3;
    divObj.filters[0].Strength=3;
    divObj.filters[0].LightStrength=30;
    divObj.filters[0].Phase=10;
  } else {
    clickBut=true;
    divObj.style.backgroundColor="aqua";
    divObj.style.color='red';
    divObj.filters[0].Freq=5;
    divObj.filters[0].Strength=6;
    divObj.filters[0].LightStrength=20;
    divObj.filters[0].Phase=50;
  }
  divObj.filters[0].Play();
  str='divObj.style.filter='+divObj.style.filter+'<BR>';
  str+='⇒Enabled=('+divObj.filters[0].Enabled+'), ';
  str+='Freq=('+divObj.filters.item(0).Freq+'), ';
  str+='Strength=('+divObj.filters.item(0).Strength+'), ';
  str+='LightStrength=('+divObj.filters.item(0).LightStrength+'), ';
  str+='Phase=('+divObj.filters[0].Phase+')';
  show.innerHTML=str;
}
</SCRIPT>
<DIV id="divObj"
 style="width:585;height:200;background-color:yellow;padding=5;font-size:40;line-height:1.2em;color:blue;font-weight:bold;
  filter:progid:DXImageTransform.Microsoft.Wave(LightStrength=30);">
<IMG src=../../gif/rfexample.gif width=100><BR>
Wave 필터 예제
</DIV>
<BUTTON onclick="doPlay()" style="width:600">필터 효과를 위해 클릭해 보라</BUTTON>
<DIV id=show style="width:600;height:50;border:solid 1 blue;padding:3;font-size:80%">필터 표시창</DIV>