KoXo 자바스크립트 - 필터(filter)

애트리뷰트	속성	설명
Bias	Bias	필터 결과 이미지의 각 색상에 더해지는 백분율값을 반환하거나 설정한다.
enabled	Enabled	필터가 작용할 수 있게 할 것인가를 반환하거나 설정한다. true: 사용가능, false:사용 불가능

애트리뷰트

속성

설명

Bias

필터 결과 이미지의 각 색상에 더해지는 백분율값을 반환하거나 설정한다.

enabled

Enabled

필터가 작용할 수 있게 할 것인가를 반환하거나 설정한다. true: 사용가능, false:사용 불가능

와 문자열

필터 표시창

<STYLE>.butClass{width:120;background:cdf;color:blue;padding-top:4}</STYLE>
<SCRIPT>
function doPlay(obj,job,bias){
  HEnabled=divObj.filters[0].Enabled;
  HBias=divObj.filters[0].Bias;
  divObj.filters[0].Enabled=job;
  divObj.filters[0].Bias=bias;

  if (divObj.filters(0).enabled){
    divObj.filters(0).enabled=false;
  } else {
    divObj.filters(0).enabled=true;
  }
  str='divObj.style.filter='+divObj.style.filter+'<BR>';
  str+='divObj.filters[0].Enabled=('+HEnabled+')  ⇒ ('+divObj.filters.item(0).Enabled+')<BR>';
  str+='divObj.filters[0].Bias=('+HBias+')  ⇒ ('+divObj.filters.item(0).Bias+')';
  show.innerHTML=str;
}
</SCRIPT>
<DIV id="divObj" style="position:absolute;left:200;font-size:80;line-height:1.2em;font-weight:bold;
  filter:progid:DXImageTransform.Microsoft.Engrave(Enabled=false)" ><IMG src='http://trio.co.kr/gif/triov.jpg'>와 문자열
</DIV>
<DIV style=height:100;></DIV>
<BUTTON onclick="doPlay(this,true,0)" class="butClass">정상 이미지</BUTTON>
<BUTTON onclick="doPlay(this,false,1)" class="butClass">필터 Bias=1</BUTTON>
<BUTTON onclick="doPlay(this,false,.7)" class="butClass">필터 디폴트</BUTTON>
<BUTTON onclick="doPlay(this,false,.5)" class="butClass">필터 Bias=0.5</BUTTON>
<BUTTON onclick="doPlay(this,false,.3)" class="butClass">필터 Bias=0.3</BUTTON>
<DIV id=show style="width:600;height:70;border:solid 1 blue;padding:3">필터 표시창</DIV>

Script	object.style.filter='progid:DXImageTransform.Microsoft.(propVal)'
HTML	<ELEMENT style="filter:progid:DXImageTransform.Microsoft.(propVal)">

DIV에서 document.write(fileName) 필터 속성 예제

DIV에서 필터 속성 예제