События Touch Draw и HTML5 Canvas

Question

Я пытаюсь написать элемент canvas, который можно «рисовать» с помощью мыши и мобильного устройства (iOS / Android).

вот мой код привязки:

// 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);

Работает с компьютером (ПК, Mac), но не с мобильным (iOS / Android).Я также попробовал addEventListener для touch* событий, но без радости.

Есть идеи?

Answer 1

Это либо ошибка синтаксиса, либо проблема jQuery. Дистиллированный, canvas.addEventListener( 'touchstart', onTouchStart, false); отлично работает на Android:

http://jsfiddle.net/tQW2L/

(на ощупь рисует большой черный прямоугольник, чтобы убедиться, что он работает)