触摸屏上的画布问题

沃斯坦·阿扎蒂安

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

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

http://literallycanvas.com/index.html

我该如何解决?

大卫

例如,您可以检查触摸数是否大于1(两次触摸或更多),只是停止绘制这样的内容

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

触摸屏上的画布问题

来自分类Dev

使用触摸屏设备在画布上绘图

来自分类Dev

使用触摸屏设备在画布上绘图

来自分类Dev

JetBrains IDE在触摸屏上滚动

来自分类Dev

在触摸屏上处理悬停事件

来自分类Dev

CWAC相机在触摸屏上拍照

来自分类Dev

触摸屏上难以点击的链接

来自分类Dev

在Debian上配置触摸屏?

来自分类Dev

在Nodewebkit上禁用触摸屏(Windows)

来自分类Dev

在触摸屏上保留悬停效果

来自分类Dev

触摸屏滚动

来自分类Dev

禁用触摸屏

来自分类Dev

多个触摸屏

来自分类Dev

触摸屏滚动

来自分类Dev

Windows 7触摸屏单点触控问题

来自分类Dev

将鼠标悬停在触摸屏上

来自分类Dev

如何模拟鼠标右键在触摸屏上的单击?

来自分类Dev

WPF AutomationPeer在触摸屏设备上崩溃

来自分类Dev

CSS:在触摸屏设备上的悬停行为

来自分类Dev

如何模拟鼠标右键在触摸屏上的单击?

来自分类Dev

Windows 8.1 VM认为它在触摸屏上

来自分类Dev

CSS-模拟:在触摸屏设备上悬停效果

来自分类Dev

等效于鼠标悬停在触摸屏上

来自分类Dev

触摸屏的X轴在平板电脑上颠倒了

来自分类Dev

无法使触摸屏在Lenovo Flex 3上运行

来自分类Dev

WPF:工具提示放置在触摸屏上的行为不同

来自分类Dev

如何在Ubuntu 18.04上永久禁用触摸屏

来自分类Dev

悬停伪类在触摸屏设备上的表现如何

来自分类Dev

Ubuntu 20.04 / PixelBook 上的触摸屏校准失败