Javascript Div Canvas

x1:y1:
x2:y2:
thick: z-index:
Wipe Canvas

Alert Canvas

How To Use

Add a span with the id 'canvasspan'. 
<span id="canvaspan"></span>
Include the canvas.js script. 
<script src="canvas.js" type="text/javascript"></script>
There are three functions, DrawLine, DrawCircle and DrawElipse. DrawLine is the only one which has been optimised and is able to draw a clean line.

They accept the following parameters:

DrawLine(x1 - integer, y1- integer, x2 - integer, y2 - integer, z-index - integer, colour - string, thickness - integer)

DrawCircle(center x - integer, centre y- integer, radius - integer, z-index - integer, colour - string, thickness - integer)

DrawElipse(center x - integer, centre y- integer, radius x - integer, radius y - integer, z-index - integer, colour - string, thickness - integer)