绘制应用程序HTML5画布，触摸事件的问题

Question

我将此绘图应用程序作为练习，但现在我想重用项目的代码，但我的问题是我需要触摸事件（对于ipad）而不是鼠标事件。

我尝试使用jquery mobile，但我无法正确获取X和Y.

这里是现场演示：http://somnum.net/escenario-digital/dibujo_app/

这里是代码：

var color = $(".selected").css("background-color");
var $canvas = $("canvas");
var context = $("canvas")[0].getContext("2d");

context.lineWidth = 2;
var lastEvent;
var mouseDown = false;


  $canvas.mousedown(function(e){

    lastEvent = e;
    mouseDown = true;

  }).mousemove(function(e){

    if(mouseDown){
    context.beginPath();
    context.moveTo(lastEvent.offsetX, lastEvent.offsetY );
    context.lineTo(e.offsetX, e.offsetY);
    context.strokeStyle = color;
    context.stroke();
    lastEvent = e;
    }


  }).mouseup(function(){

    mouseDown = false;

  }).mouseleave(function(){

    $canvas.mouseup();
  });

谢谢。