transitionFilter에서 진행에 따른 점진적 변환의 모드를 반환하거나 설정한다.

인수
: (속성 문자열)
속성값은 transitionFilter에서 진행에 따른 점진적 변환의 모드를 나타내는 문자열이다.

discrete 애니메이션은 점진적이 아니고 한 값에서 다른 값으로 직접 변경된다.
linear 디폴트이며, 애니메이션은 점진성 기능을 단순 직선상 계산으로 표현한다.

이 속성은 읽기전용 혹은 읽기/쓰기로 디폴트값은 linear이다.

특기

calcMode 애트리뷰트는 점진적 변환에서 values, to, by와 from 애트리뷰트로 지정한 값들을 어떻게 판정하는가를 결정하는데 사용된다.

이 속성값이 discrete로 설정되었으면, 애니메이션의 지속시간은 to, from, by, values나 path 중 설정된 값에 따라 시간을 같은 값으로 나눈 값이 된다. 한 구간의 시간 후 다음으로 이동하여 애니메이션되고 점진적으로 변화하지 않는다. 예를들면

values="0.3;0.6;0.8" 애니메이션의 지속시간을 0.3 0.6 0.8 각각 1/3씩 사용한다.
values="0.3;0.6" 애니메이션의 지속시간을 0.3 0.6 각각 1/2씩 사용한다.
from="0" to="0.8" from과 to나 by 애트리뷰트가 설정되었으면, from 값 0에서 1/2, to나 by 애트리뷰트 값 0.8에서 1/2 씩 지속시간을 사용한다.
to="0.8" from 애트리뷰트가 생략되었면, 애니메니션은 to나 by 애트리뷰트 값 0.8에서 지속시간 100%를 사용한다.
적용
개체scriptHTML규격IE
참조
HTML+time by clacMode dur fill from targetElement to type

calcMode 속성값 discrete와 linear의 비교 얘제이다.

<HTML xmlns:t="urn:schemas-microsoft-com:time">
<HEAD>
<STYLE>
.time{behavior: url(#default#time2);
  position:relative;left:0;width:400;height:100;background-image:url(../../gif/flower1.jpg);}
</STYLE>
<IMPORT namespace=t urn="urn:schemas-microsoft-com:time" implementation="#default#time2" />
</HEAD>
<BODY>
<T:TRANSITIONFILTER begin="div1Obj.begin" dur="5" type="barWipe"
  targetElement="div1Obj" values=".1;.17;.27;.37;.47;.56;.65;.71;.82;.92;1.0" calcMode="discrete"/>
<DIV class="time"  begin="startBut.click" id="div1Obj" dur="indefinite"></DIV>

<T:TRANSITIONFILTER begin="div1Obj.begin" dur="5" type="barWipe"
  targetElement="div2Obj" values=".1;.17;.27;.37;.47;.56;.65;.71;.82;.92;1.0" calcMode="linear"/>
<DIV class="time"  begin="startBut.click" id="div2Obj" dur="indefinite"></DIV>

<P><BUTTON id="startBut">transitionFilter 시작</BUTTON></P>
</BODY>
</HTML>