Canvas (fabricjs) 阻止网络浏览器在手机上缩放和移动

Question

在网络浏览器的移动版本中（android 默认、firefox、safari、chorome 等）

我不知道为什么我触摸canvas区域时无法移动屏幕。

缩放也有问题。如果我在 canvas 之外开始缩放并继续提供 canvas 就可以了。但是当我在 canvas 上开始缩放浏览器 window 时，它不起作用。

有人知道这个问题吗？

哦，我忘记了...简单的例子：

`http://jsfiddle.net/arrowman/cts831tg/3/`

Answer 1

我找到了解决方案。它是：

canvas.allowTouchScrolling = true;

最佳，
A.

Answer 2

allowTouchScrolling: true 是您想要的设置。

当您在第二个参数的参数中创建 canvas 时，应该初始化它。

var canvas = new fabric.Canvas('your-canvas-id', {
    backgroundColor : '#000',
    height: 400,
    width: 400,
    allowTouchScrolling: true, // <-- this is what you're after
});