Quick start guide
What if I need to draw on several canvases?

If you need to draw on several canvases with jCanvaScript library, then you need to include it, at first:

	<html>
	<head>
		<!--we include library here:-->
		<script type="text/javascript" src="jCanvaScript.js"> </script>

Then in your draw function, after the canvas initialization with function jc.start(idCanvas), your objects will belong to a canvas with specified id while other canvas won't be initialized.

		<script type="text/javascript">
		function severalCanvasExample()
		{
			//initialization by canvas id
			jc.start('canvas_1');
			//than we can draw some objects
			//(see 'objects' in the left navigation menu)
			//For example, red circle on first canvas:
			jc.circle(100,100,50,'rgb(255,0,0)',1);
			//Than we can initialise other canvas
			jc.start('canvas_2');
			//Now we can draw on it,too
			//For example, green rectangle:
			jc.rect(150,40,50,60,'#00ff00',1)
			//and we need to redraw canvases in the end
			jc.start('canvas_1');
			jc.start('canvas_2');
		}
		</script>
		<style>
			.canvas_1{
				float:left;
				border:1px solid #ccc;			
			}
			.canvas_2{
				float:left;
				border:1px solid #ccc;
				margin-left:10px;
			}
		</style>
	<head>
	<body onload="severalCanvasExample()">
		<canvas height="200" width="250" id="canvas_1" class="canvas_1"></canvas>
		<canvas height="200" width="250" id="canvas_2" class="canvas_2"></canvas>
	</body>
	</html>
			

You can see the result of this code below: