개체의 내용이 달리는 것 같은 상태로 표현된다.

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

progid:DXImageTransform.Microsoft. 부분은 생략이 불가능하다.


filter
MotionBlur 필터
MotionBlur</b> 필터
견본
이전페이지로페이지 맨위로페이지 맨아래로
애트리뷰트 속성 설명
add Add 필터가 원본 이미지를 덮어 씌울가를 반환하거나 설정한다.
direction Direction 필터 효과가 나는 방향을 시계방향의 각도로 반환하거나 설정한다.
enabled Enabled 필터가 작용할 수 있게 할 것인가를 반환하거나 설정한다. true: 사용가능, false:사용 불가능
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

filter
MotionBlur 필터
MotionBlur</b> 필터
속성
이전페이지로페이지 맨위로페이지 맨아래로

DIV에서 MotionBlur 필터 속성 예제


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>
filter
MotionBlur 필터
속성견본
이전페이지로페이지 맨위로
최종 수정:
05/15/2025 18:23:17
KoXo Homepage
All right reserved
비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다.
오류가 나면 정상적 접속으로 시도해 보세요.
http://koxo.com/lang/js/filter/MotionBlur.html
Explorer10 부터 filter 기능이 지원되지 않는다는 점을 인식하시기 바랍니다.