개체의 내용에 빛이 비치는 것과 같은 효과를 준다.

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

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


애트리뷰트 속성 설명
enabled Enabled 필터가 작용할 수 있게 할 것인가를 반환하거나 설정한다. true: 사용가능, false:사용 불가능

메서드 설명
addAmbient Light 필터에 방향성 없는 주위 광선을 추가한다.
addCone 개체의 내용에 방향성있는 빛을 비추는 효과를 내도록 전등 같은 고깔을 추가한다.
addPoint 개체의 내용에 한 점에서 사방으로 빛이 퍼지는 광원점을 추가한다.
changeColor 필터 광선의 색상을 변경 시킨다.
changeStrength 필터 광원의 강도를 변화시킨다.
clear 모든 Light 필터와 관련된 광선을 지운다.
moveLight Light 필터의 고깔 광선이나 점 광원의 초점 위치를 변경시킨다.
특기

Light 필터의 속성들을 변경시키므로서 광원의 위치를 조절할 수 있고, 좌표로 광선의 초점을 조절할 수 있으며, 광선의 형태, 색상과 광도를 조절할 수 있다.

각 필터는 10개 까지의 광선을 가질 수 있으며, 더 이상 추가하려면 복수 필더들을 사용하여야 한다.

Light 필터가 생성되면 디퐅트 환경 광선이 추가되는데, 새로 설정 할 수 있다.

적용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에서 필터 속성 예제


Light 필터 예제

필터 표시창
<BODY onload=doPlay(1)>
<SCRIPT>
function doPlay(job){
  if (job==2){
    divObj.filters[0].clear();
    job=1;
  }
  if(!job) divObj.filters[0].Enabled=false;
  else if (job==1){
    litX=0;
    litY=0;
    axis=30;
    toX=divObj.offsetWidth;
    toY=divObj.offsetHeight;
    cRed=255;
    cGreen=20;
    cBlue=5;
    strength=100;
    angle=30;
    divObj.filters[0].Enabled=true;
    divObj.filters[0].addCone(litX,litY,axis,toX,toY,cRed,cGreen,cBlue,strength,angle);
  };
  str='';
  str+='filter='+divObj.style.filter+'<BR>';
  str+='⇒ Enabled=('+divObj.filters[0].Enabled+'), ';
  str+='background=('+divObj.style.backgroundColor+'), color=('+divObj.style.color+')<BR>';
  str+='divObj.filters[0].addCone('+litX+','+litY+','+axis+','+toX+','+toY+','+cRed+','+cGreen+','+cBlue+','+strength+','+angle+')';
  show.innerHTML=str;
}
</SCRIPT>

<STYLE>
.divClass {width:450;height:300;font-size:30;line-height:1.2em;font-weight:bold;;padding:9}
</STYLE>
<DIV id="divObj" class="divClass" style="filter:Light();color:blue;background-color:aqua;">
<IMG src=../../gif/rfexample.gif width=100><BR>
Light 필터 예제
</DIV>

<BUTTON onclick="doPlay(0)" style="width:150">정상 이미지</BUTTON>
<BUTTON onclick="doPlay(1)" style="width:150">Light 필터 효과</BUTTON>
<BUTTON onclick="doPlay(2)" style="width:150">초기화</BUTTON><BR>
<DIV id=show style="width:450;height:70;border:solid 1 blue;padding:3">필터 표시창</DIV>