MOVE THE MOUSE OVER THE CANVAS


<script>

var canvas;	
var context;

// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start here

function init() {
	
	canvas = document.getElementById("myCanvas");
	context = canvas.getContext("2d");

	createSquare();

}

function redraw() {

	context.clearRect(0,0,canvas.width, canvas.height);
	createSquare();

}

function createSquare() {
	
	var x = Math.random() * canvas.width;
	var y = Math.random() * canvas.height;
	context.fillRect(x,y,100,100);
	
}

// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> end here
</script>

<body onload="init();"  >

<canvas id="myCanvas" width="800" height="300" onmousemove="redraw();"></canvas>