개체 내용을 색상을 처리하거나, 이미지를 회전시키거나, 선명도를 조정한다.

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

filter
BasicImage 필터
BasicImage</b> 필터
견본
이전페이지로페이지 맨위로페이지 맨아래로
애트리뷰트 속성 설명
enabled Enabled 필터가 작용할 수 있게 할 것인가를 반환하거나 설정한다. true: 사용가능, false:사용 불가능
grayScale GrayScale RGB 평균값으로 내용을 표현할 것인가를 반환하거나 설정한다. 1:GrayScale, 0:정상
  Invert RGB 값의 역으로 내용을 표현할 것인가를 반환하거나 설정한다. 1:Invert, 0:정상
  Mask 내용의 투명한 부분을 MaskColor 값에 지정된 색상으로 변경할 것인가를 반환하거나 설정한다. 1:Mask, 0:정상
  MaskColor 내용의 투명한 부분에 표현할 색상값을 반환하거나 설정한다.
mirror Mirror 내용을 좌우로 뒤집어 표현할 것인가를 반환하거나 설정한다. 1:Inverse, 0:정상
opacity Opacity 내용에 적용할 선명도를 반환하거나 설정한다. 1:디폴트 선명도로, 0:정상
  Rotation 내용을 90°단위로 회전시킬 것인가를 반환하거나 설정한다. 1:90°, 2:180°, 3:270°, 0:정상
XRay XRay 내용을 적색과 녹색으리 평균으로 표현할 것인가를 반환하거나 설정한다. 1:Xray, 0:정상
특기
적용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, FRAMESET, 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, S, SAMP, SMALL, SPAN, STRIKE, STRONG, SUB, SUP, TABLE, TD, TEXTAREA, TH, TT, U, UL, VAR, XMP

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

DIV에서 BasicImage 필터 속성 예제



BasicImage 효과 예제
필터 표시창
<STYLE>
button {width:220;}
</STYLE>
<SCRIPT>
function showit(obj){show.innerHTML='<FONT color=blue><B>'+obj.innerText+':</B></FONT>'+divObj.style.filter}
</SCRIPT>
<BUTTON
  onclick="divObj.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)';showit(this)">GrayScale</BUTTON>
<BUTTON
  onclick="divObj.style.filter='progid:DXImageTransform.Microsoft.BasicImage(Invert=1)';showit(this)">Invert</BUTTON>
<BUTTON
  onclick="divObj.style.filter='progid:DXImageTransform.Microsoft.BasicImage(mask=1,MaskColor=255)';showit(this)">MaskColor
</BUTTON><BR>
<BUTTON
  onclick="divObj.style.filter='progid:DXImageTransform.Microsoft.BasicImage(Mirror=1)';showit(this)">Mirror</BUTTON>
<BUTTON
  onclick="divObj.style.filter='progid:DXImageTransform.Microsoft.BasicImage(Xray=1)';showit(this)">Xray</BUTTON>
<BUTTON onclick="divObj.style.filter='';showit(this)">지워고 원래대로</BUTTON>
<DIV style="width:10;padding:5;background:pink;font-size:30;line-height:1.2em;font-weight:bold;color:blue">
<DIV id="divObj" style="border:solid 5 blue;padding:5;width:650;height:100"><IMG src='../../gif/rfproperty.gif' width=100><BR>
BasicImage 효과 예제</DIV>
<DIV id=show style="border:solid 1 blue;width:660;padding:2">필터 표시창</DIV>

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