触摸屏上的画布问题答案

【问题标题】：Canvas issue on touchscreen触摸屏上的画布问题
【发布时间】：2014-04-27 02:46:41
【问题描述】：

我正在使用一个插件在画布元素内绘图。它适用于台式机。对于手机来说，有一个错误。我将尝试描述它。例如，当您有 2 个接触点（一个接一个，但切换立即发生，我的意思是用两个手指）时，它的功能不正确。它绘制一条连接两个接触点的直线，而不是简单地绘制两个分开的点。我尝试了不同的插件，但所有插件都存在问题。

如果可能的话，请用手机检查一下，我想你会注意到我上面所说的错误。

http://literallycanvas.com/index.html

我该如何解决这个问题？

【问题讨论】：

标签： javascript html canvas jquery-plugins touch-event

【解决方案1】：

例如，您可以检查触摸次数是否 > 1（双击或更多）只是停止绘制类似这样的内容

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

【讨论】：