| 메서드 | 설명 |
|---|---|
| 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>