개체의 내용이 달리는 것 같은 상태로 표현된다.
Script | object.style.filter='progid:DXImageTransform.Microsoft.MotionBlur(propVal)' |
HTML | <ELEMENT style="filter:progid:DXImageTransform.Microsoft.motionblur(propVal)"> |
progid:DXImageTransform.Microsoft. 부분은 생략이 불가능하다.
![]() | MotionBlur 필터⇒ | ![]() | ⇒ | ![]() ![]() ![]() |
애트리뷰트 | 속성 | 설명 |
---|---|---|
add | Add | 필터가 원본 이미지를 덮어 씌울가를 반환하거나 설정한다. |
direction | Direction | 필터 효과가 나는 방향을 시계방향의 각도로 반환하거나 설정한다. |
enabled | Enabled | 필터가 작용할 수 있게 할 것인가를 반환하거나 설정한다. true: 사용가능, false:사용 불가능 |
strength | Strength | 필터 효과를 내는 거리를 픽셀 단위로 반환하거나 설정한다. |
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 |
![]() | MotionBlur 필터⇒ | ![]() | ⇒ | ![]() ![]() ![]() |
<SCRIPT> var strength=50; function doMotionBur(job,deg){ if (!job) divObj.filters[0].Enabled=false; else { if (job==2) divObj.filters[0].Strength=strength; if (job==1) divObj.filters[0].Direction=deg; divObj.filters[0].Enabled=true; } str=''; str+='divObj.style.filter='+divObj.style.filter+'<BR>'; str+='⇒Enabled=('+divObj.filters[0].Enabled+'), '; str+='deg=('+deg+'), '; str+='Strength=('+divObj.filters.item(0).Strength+'), '; str+='Direction=('+divObj.filters.item(0).Direction+'), '; str+='Add=('+divObj.filters.item(0).Add+')<BR>'; show.innerHTML=str; } </SCRIPT> <STYLE> .butClass{width:80} .divClass {font-size:30;line-height:1.2em;font-weight:bold;color:blue} </STYLE> <DIV id="divObj" class="divClass" style="width:500;height:100;filter:progid:DXImageTransform.Microsoft.MotionBlur(Strength=50,Direction=45)"> <IMG src=../../gif/rfexample.gif><BR> MotionBlur 필터 예제 </DIV> <BUTTON onClick="doMotionBur(0)" class="butClass">정상 이미지</BUTTON> <BUTTON onclick="strength=0;doMotionBur(2)" class="butClass">강도 0</BUTTON> <BUTTON onclick="strength=10;doMotionBur(2)" class="butClass">강도 10</BUTTON> <BUTTON onclick="strength=30;doMotionBur(2)" class="butClass">강도 30</BUTTON> <BUTTON onclick="strength=50;doMotionBur(2)" class="butClass">강도 50</BUTTON> <BUTTON onclick="strength=60;doMotionBur(2)" class="butClass">강도 60</BUTTON> <BUTTON onclick="strength=80;doMotionBur(2)" class="butClass">강도 80</BUTTON> <BUTTON onclick="strength=100;doMotionBur(2)" class="butClass">강도 100</BUTTON><BR> <BUTTON onclick="doMotionBur(1,0)" class="butClass">0° 각도</BUTTON> <BUTTON onclick="doMotionBur(1,45)" class="butClass">45° 각도</BUTTON> <BUTTON onClick="doMotionBur(1,90)" class="butClass">90° 각도</BUTTON> <BUTTON onclick="doMotionBur(1,135)" class="butClass">135° 각도</BUTTON> <BUTTON onclick="doMotionBur(1,180)" class="butClass">180° 각도</BUTTON> <BUTTON onclick="doMotionBur(1,225)" class="butClass">225° 각도</BUTTON> <BUTTON onclick="doMotionBur(1,270)" class="butClass">270° 각도</BUTTON> <BUTTON onclick="doMotionBur(1,-45)" class="butClass">-45° 각도</BUTTON> <DIV id=show style="width:640;height:45;border:solid 1 blue;padding:3;font-size:90%">필터 표시창</DIV>
![]() | MotionBlur 필터 | ⇒ | ![]() ![]() |
최종 수정: 05/15/2025 18:23:17 | ![]() All right reserved | 비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다. 오류가 나면 정상적 접속으로 시도해 보세요. | http://koxo.com/lang/js/filter/MotionBlur.html |