Library
Functions / fadeTo
fadeTo(opacity, [duration], [easing], [onstep], [fn])
fadeTo(float opacity)
return: object
Code
<script type="text/javascript">
function start_1(idCanvas)
{
jc('#myCircle_1')
.fadeTo(0.5);
}
function stop_1(idCanvas)
{
jc.clear(idCanvas);
onload_1(idCanvas);
}
function onload_1(idCanvas)
{
jc.start(idCanvas,true);
jc.circle(100,120,50,'#ff0000',1)
.id('myCircle_1');
}
</script>
<canvas id="canvas_1" width="250px" height="265px">
</canvas>
View
fadeTo(float opacity, positive int duration, object easing, object onstep, function fn)
return: object
Code
<script type="text/javascript">
function start_2(idCanvas)
{
jc('#myCircle_2')
.fadeTo(0.5,2000,{type:'in', fn:'linear'}, {fn:onstep},function(){this.color('#00ff00').opacity(1);});
}
function onstep()
{
this.animate({y:'+=2'});
}
function stop_2(idCanvas)
{
jc.clear(idCanvas);
onload_2(idCanvas);
}
function onload_2(idCanvas)
{
jc.start(idCanvas,true);
jc.circle(100,120,50,'#ff0000',1)
.id('myCircle_2');
}
</script>
<canvas id="canvas_2" width="250px" height="265px">
</canvas>
View