Functions / translate
translate(x, y, [duration], [easing], [onstep], [fn])
translate(float x, float y)
translate(float x, float y, positive int duration, object easing, object onstep, function fn)

translate(float x, float y)
return: object
This method shifts object across on x and on a vertical on y. If to cause it some times the object will move on the total of all arguments x across and on the total of all arguments y on a vertical.
Code
<script type="text/javascript">	
	function start_1(idCanvas)
	{
		jc('#myCircle_1')
			.translate(50,20);
	}
	function stop_1(idCanvas)
	{
		jc.clear(idCanvas);
		onload_1(idCanvas);
	}
	function onload_1(idCanvas)	
	{	
		jc.start(idCanvas,true);
		jc.circle(55,55,50,'#ff0000',1)
			.id('myCircle_1');
	}
</script>
<canvas id="canvas_1" width="250px" height="265px">
</canvas>
View
translate(float x, float y, positive int duration, object easing, object onstep, function fn)
return: object
Allows to animate translation of the object. It is an alias of .animate() function. See examples of it for more information about different parameters of the function.
Code
<script type="text/javascript">	
	function start_2(idCanvas)
	{
		jc('#myCircle_2')
			.translate(50,20,600,function(){this.color('#00FF00');});
	}
	function stop_2(idCanvas)
	{
		jc.clear(idCanvas);
		onload_2(idCanvas);
	}
	function onload_2(idCanvas)	
	{	
		jc.start(idCanvas,true);
		jc.circle(55,55,50,'#ff0000',1)
			.id('myCircle_2');
	}
</script>
<canvas id="canvas_2" width="250px" height="265px">
</canvas>
View