[arslan78jdk]

var flag = false;
var resultArray = [];
var c_canvas = document.getElementById("c");
var context = c_canvas.getContext("2d");
$(document).ready(function(){
draw();
});
$("#canvas").click(function () {
$("#canvas").mousemove(function (c) {
document.getElementById('console').innerHTML = "Mouse is moving. Coordinates are " + c.pageX + " by " + c.pageY + " " + resultArray.length;
var posX = c.pageX-10;
var posY = c.pageY-70;
context.fillRect(posX, posY,3,3);
resultArray.push(posX, posY);
});
});
$("#clear").click(function(){
for(var i = 0; i < resultArray.length;i+=2) {
context.clearRect(resultArray[i], resultArray[i + 1], 5, 5);
draw();
}
resultArray = [];
});
$("#submit").click(function(){

});
$("D000000").click(function(){
context.fillStyle ='#000000';
context.strokeStyle ='#000000';
});
$("D0000CD").click(function(){
context.fillStyle = '#0000CD';
context.strokeStyle = '#0000CD';
});
$("D32CD32").click(function(){
context.fillStyle = "#32CD32";
context.strokeStyle = "#32CD32";
});