Canvas risanje

function draw(c,x,y) {  
  		var canvas = document.getElementById("canvas");
		var ctx = canvas.getContext("2d");
		ctx.fillStyle = c;
		ctx.fillRect(x-5,y-5,10,10);
	}

$("body").mousedown(function(){
	clk=true;
	var x = e.pageX - this.offsetLeft;
	var y = e.pageY - this.offsetTop;
	draw(color,x,y)
	});
$(document).mouseup(function(){
	clk=false;
	});
$("#canvas").mousemove(function(e){
	if(clk==true){
		var x = e.pageX - this.offsetLeft;
		var y = e.pageY - this.offsetTop;
		draw(color,x,y)
		}
	});
});