如何禁用多点触控（多点触控）

Question

是否有一种很好的干净方法可以在画布上禁用多个触摸？

提前致谢。

Answer 1

Fabric.js使用Event.js进行触摸处理。我无法确定哪些选项可以传递到canvas构造函数，但您可以尝试var canvas = new fabric.Canvas('c', {maxFingers:1})。

另一种选择可能是在处理程序中使用event.preventDefault()进行捏合和旋转，以取消2个手指手势。以下是为该库定义的“指针”及其操作的数量：

  

1：点击，dblclick，dbltap
    1+：点击，长按，拖动，滑动
    2+：捏，旋转

如果其中任何一个不是您需要的，您将需要为touchstart，touchmove等设置事件监听器。MDN页面描述了如何监听所有触摸，因此只需为每个触摸调用preventDefault一个在第一个之后。