触摸绘制事件和HTML5画布

问题描述：

我正试图编写一个可以用鼠标和移动（iOS/Android）“绘制”的画布元素。触摸绘制事件和HTML5画布

这里是我的绑定代码：

 
// 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，苹果机），但不移动（的iOS/Android的）。我也尝试addEventListener为touch*事件，但没有喜悦。

任何想法？

所以，你已经尝试'canvas.addEventListener（“touchstart”， onTouchStart，false）;'？现在完全忽略jQuery，试着让它工作。 – 2011-05-03 14:05:19

添加了黑色的矩形代码，但它不适用于绘制线条等。所以我想知道是不是绘图功能没有工作或者什么的。 – cbrulak 2011-05-03 22:38:26

这很可能是其他问题导致他们的问题。在你的代码中开始削减东西，直到你获得一个工作版本，然后从那里恢复工作。 – 2011-05-03 23:51:18

答

它是一个sytax错误或jQuery问题。蒸馏下来，canvas.addEventListener('touchstart', onTouchStart, false);作品就好了针对Android：

http://jsfiddle.net/tQW2L/

（触摸它描绘了一个大的黑色矩形，以确认它的工作原理）

触摸绘制事件和HTML5画布

相关推荐