Estoy tratando de crear un lienzo de dibujo que se pueda usar en teléfonos móviles.

 window.onload = function () { canvas = document.getElementById("drawingCanvas"); context = canvas.getContext("2d"); canvas.ontouchstart = touch; canvas.ontouchcancel = untouch; canvas.ontouchend = untouch; canvas.ontouchmove = touchdraw; }

Tengo este código para configurar eventos táctiles

 function touch(e) { isTouch = true; context.beginPath(); context.moveTo(e.originalEvent.touches[0].pageX - canvas.offsetLeft, e.originalEvent.touches[0].pageY - canvas.offsetTop); } function untouch(e) { isTouch = false; } function touchdraw(e) { if (isTouch == true) { var x = e.originalEvent.touches[0].pageY - canvas.offsetTop; var y = e.originalEvent.touches[0].pageX - canvas.offsetLeft; context.lineTo(x, y); context.stroke(); } }

y esta es mi función de evento

Intento hacer esto como eventos de mouse, pero no funciona.