触摸屏上的画布问题

时间:2014-03-20 10:21:44

标签: javascript html5 canvas jquery-plugins ontouchevent

我正在使用插件来绘制canvas元素。 它适用于桌面。 对于手机有一个错误。我会试着描述一下。 当你有两个接触点(一个接一个,但切换立即发生,我的意思是两个手指)它的功能不正确。它绘制一条连接两个接触点的直线,而不是简单地绘制两个分开的点。 我尝试了不同的插件,但所有这些插件都存在问题。

如果可能的话,请用手机查看,我想你会注意到我上面提到的错误。

http://literallycanvas.com/index.html

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:2)

例如,您可以检查触摸的数量是否> 1(双触或更多)只是停止画这样的东西

canvas.addEventListener('touchmove', function(e) {
    e.preventDefault();
    var a = (e.touches.length > 1) ? true : false;
    if (a) {
        drawing = false;
        return;
    }
    // draw your lines
});