Что-то тут сам попытался написать рисовалку, не очень работает, а точнее совсем не работает
function startDraw(tool){
var cnvs = document.getElementById('cnvs');
var ctx = cnvs.getContext('2d');
/*Список инструментов*/
var brush; //кисть
var purge; //ластик
/*Список инструментов*/
ctx.strokeStyle = '#000';
var startDraw = false;
cnvs.addEventListener('mousedown',function(tool) { //нажали на лкм
// body...
tool = true;
startDraw = true;
ctx.beginPath();
},false);
cnvs.addEventListener('mouseup',function(tool) { //отпустили лкм
// body...
tool = false;
startDraw = false;
},false);
cnvs.addEventListener('mousemove',function(e,tool) { //отпустили лкм
var x,y;
x=e.pageX;
y=e.pageY;
if(startDraw==true){
switch(tool){
//Кисть
case 'brush':
ctx.lineTo(x - cnvs.offsetLeft, y - cnvs.offsetTop);
ctx.moveTo(x - cnvs.offsetLeft, y - cnvs.offsetTop);
ctx.stroke();
}//Кисть
}
},false);
}
<body onload="startDraw('brush');">
<canvas id="cnvs" width="800" height="500"></canvas>