title: Touch draw events and HTML5 Canvas
body: <p>I'm trying to write a canvas element that can be 'draw' on with the mouse and mobile (iOS/Android). </p>
  
  <p>here is my bind code: </p>
  
  <pre>
  // Mouse based interface
      $(drawing.canvas).bind('mousedown', drawing.drawStart);
      $(drawing.canvas).bind('mousemove', drawing.draw);
      $(drawing.canvas).bind('mouseup', drawing.drawEnd);
      $('body').bind('mouseup', drawing.drawEnd);
  
      $(drawing.canvas).bind('touchstart', drawing.drawStart);
      $(drawing.canvas).bind('touchmove', drawing.draw);
      $(drawing.canvas).bind('touchend', drawing.drawEnd);
  </pre>
  
  <p>Works with computer (PC, Mac) but not mobile (iOS/Android). I also tried <code>addEventListener</code> for the <code>touch*</code> events but no joy. </p>
  
  <p>Any ideas? </p>