seanmcgary/gist:380094

## gistfile1.html
<!DOCTYPE HTML>
<html>
    <head>
	<title>Canvas Tutorial</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript">
	    function draw(){
		//get a reference to the canvas
		var canvas = $('#canvas')[0].getContext("2d");
		//draw a circle
		canvas.beginPath();
		// x coord, y coord, radius, start angle, end angle, anticlockwise
		canvas.arc(200, 100, 20, 0, Math.PI*2, true);
		canvas.closePath();
		canvas.fill();
		}
	</script>
    </head>
    <body onload="draw()">
	<canvas id="canvas" width="500" height="500"></canvas>
    </body>
</html>
	<!DOCTYPE HTML>
	<html>
	<head>
	<title>Canvas Tutorial</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript">
	function draw(){
	//get a reference to the canvas
	var canvas = $('#canvas')[0].getContext("2d");
	//draw a circle
	canvas.beginPath();
	// x coord, y coord, radius, start angle, end angle, anticlockwise
	canvas.arc(200, 100, 20, 0, Math.PI*2, true);
	canvas.closePath();
	canvas.fill();
	}
	</script>
	</head>
	<body onload="draw()">
	<canvas id="canvas" width="500" height="500"></canvas>
	</body>
	</html>