Показать сообщение отдельно
  #1 (permalink)  
Старый 04.07.2013, 21:54
Аспирант
Отправить личное сообщение для IVAAAAN Посмотреть профиль Найти все сообщения от IVAAAAN
 
Регистрация: 04.07.2013
Сообщений: 47

Не работает рисовалка canvas
Что-то тут сам попытался написать рисовалку, не очень работает, а точнее совсем не работает
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>
Ответить с цитированием