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>