首页 文章

触摸绘制事件和HTML5画布

提问于
浏览 次
2

我正在尝试编写一个可以使用鼠标和移动设备（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） . 我也为 touch* 事件尝试了 addEventListener 但没有快乐 .

有任何想法吗？

javascript jquery html5 canvas

1 回答

  • 4

    它是sytax错误或jQuery问题 . 蒸馏， canvas.addEventListener( 'touchstart', onTouchStart, false); 适用于Android：

    http://jsfiddle.net/tQW2L/

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

    回复于

相关问题