개체의 내용을 수직 축으로 사인(sine)커브로 파도 효과를 준다.

Script object.style.filter='{progid:DXImageTransform.Microsoft.](propVal)'
HTML <ELEMENT style="filter:{progid:DXImageTransform.Microsoft.](propVal)">
Wave 필터 예제(클릭)
인수
propVal : (속성 문자열)
필터가 가질 수 있는 한개 이상의 속성들로 속성=값들을 컴마(,)로 연결, 구성된 문자열이다.

progid:DXImageTransform.Microsoft. 부분은 생략이 가능하나 속성과 효과가 다소 다를 수 있다.


애트리뷰트 속성 설명
add Add 필터가 원본 이미지를 덮어 씌울가를 반환하거나 설정한다.
enabled Enabled 필터가 작용할 수 있게 할 것인가를 반환하거나 설정한다. true: 사용가능, false:사용 불가능
freq Freq Wave 필터가 생성할 파장의 횟수를 반환하거나 설정한다.
lightStrength LightStrength Wave 필터가 생성할 파장 가장 밝은 부분의 빛의 강도의 차이를 반환하거나 설정한다.
phase Phase 파장이 시작되는 부분에서의 상태 오프세트 각도 백분율을 반환하거나 설정한다.
strength Strength 필터 효과가 반영되는 거리를 픽셀단위로 반환하거나 설정한다.
특기
적용style
A, ACRONYM, ADDRESS, B, BDO, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CENTER, CITE, CODE, CUSTOM, DD, DEL, DFN, DIR, DIV, DL, DT, EM, FIELDSET, FONT, FORM, FRAME, hn, I, IFRAME, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=image, INPUT type=password, INPUT type=radio, INPUT type=reset, INPUT type=submit, INPUT type=text, INS, KBD, LABEL, LEGEND, LI, MARQUEE, MENU, NOBR, OL, OBJECT, P, plainText, PRE, Q, RT, RUBY, runtimeStyle, S, SAMP, SMALL, SPAN, STRIKE, STRONG, STYLE, SUB, SUP, TABLE, TD, TEXTAREA, TH, TT, U, UL, VAR, XMP

DIV에서 필터 속성 예제


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>