触摸绘制事件和HTML5画布

Question

我正在尝试编写一个可以使用鼠标和移动设备（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);

适用于计算机（PC，Mac）但不适用于移动设备（iOS / Android）。我还为addEventListener事件尝试touch*但没有快乐。

有什么想法吗？

Answer 1

这是语法错误或jQuery问题。蒸馏，canvas.addEventListener( 'touchstart', onTouchStart, false);适用于android：

http://jsfiddle.net/tQW2L/

（触摸它会画一个大的黑色矩形以确认它有效）