filter ⇒BasicImage 필터⇒
개체 내용을 색상을 처리하거나, 이미지를 회전시키거나, 선명도를 조정한다.
| Script | object.style.filter='progid:DXImageTransform.Microsoft.BasicImage(propVal)' |
| HTML | <ELEMENT style="filter:progid:DXImageTransform.Microsoft.basicimage(propVal)"> |
| filter ⇒ | BasicImage 필터⇒ | | ⇒ | | | |
| 애트리뷰트 | 속성 | 설명 |
|---|---|---|
| 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:정상 |
| 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 필터⇒ | | ⇒ | | | |
<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>
 | BasicImage 예제 |
| filter ⇒ | BasicImage 필터 | ⇒ | | | |
| 최종 수정: 06/03/2025 11:03:14 |  All right reserved | 비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다. 오류가 나면 정상적 접속으로 시도해 보세요. | http://koxo.com/lang/js/filter/BasicImage.html |