KoXo 자바스크립트 - 필터속성(property) - stretchStyle

변환하여 새로운 내용을 만드는 방식을 반환하거나 설정한다.

원본 이미지

<SCRIPT>
strA='<IMG src=../../gif/rfexample.gif width=100><BR>원본 이미지';
strB='<IMG src=../../gif/rfexample.gif width=100><BR>Stretch 필터 예제에 의한 새 이미지<BR>'+
  '<IMG src=../../gif/rfexample.gif width=100>';
function doPlay(job){
  divObj.innerHTML=strA;
  divObj.style.backgroundColor='pink';
  divObj.filters[0].Apply();
  divObj.filters[0].Enabled=true;
  if (!job) divObj.filters[0].Enabled=false;
  else{
    divObj.filters[0].StretchStyle=job;
    divObj.style.backgroundColor='lightgreen';
    divObj.innerHTML=strB;
    divObj.filters[0].Play();
  }
}
</SCRIPT>

<DIV id="divObj"
  style="width:600;height:120;background-color:pink;color:blue;font-size:20;line-height:1.2em;font-weight:bold;padding:9;
    filter:progid:DXImageTransform.Microsoft.Stretch(StretchStyle='PUSH',Duration=5);">
<SCRIPT>document.write(strA)</SCRIPT></DIV>
<BUTTON onclick="doPlay(0)" style="width:150">정상 이미지</BUTTON>
<BUTTON onclick="doPlay('HIDE')" style="width:150">HIDE</BUTTON>
<BUTTON onclick="doPlay('PUSH')" style="width:150">PUSH</BUTTON>
<BUTTON onclick="doPlay('SPIN')" style="width:150">SPIN</BUTTON>

property ⇒

StretchStyle 필터속성

⇒

최종 수정:
06/18/2025 22:38:26

비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다.
오류가 나면 정상적 접속으로 시도해 보세요.

http://koxo.com/lang/js/filter/StretchStyle.html

Explorer10 부터 filter 기능이 지원되지 않는다는 점을 인식하시기 바랍니다.

Script	object.filters.item('progid:DXImageTransform.Microsoft.Stretch').StretchStyle[=propVal]
HTML	{filter:progid:DXImageTransform.Microsoft.Stretch(stretchstyle=propVal)...}

Stretch에서 StretchStyle 속성 예제