Functions / fadeTo
fadeTo(opacity, [duration], [easing], [onstep], [fn])
fadeTo(float opacity)
fadeTo(float opacity, positive int duration, object easing, object onstep, function 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