Canvas (fabricjs) 阻止 Web 浏览器在手机上缩放和移动答案

【问题标题】：Canvas (fabricjs) block web browser zooming and moving on mobilesCanvas (fabricjs) 阻止 Web 浏览器在手机上缩放和移动
【发布时间】：2015-02-19 11:22:20
【问题描述】：

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

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

问题也在于缩放。如果我开始在画布外缩放并继续画布就可以了。但是当我开始在画布上缩放浏览器窗口时它不起作用。

有人知道这个问题吗？

哦，我忘了……简单的例子：

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

【问题讨论】：

对不起这些“`”，但 Stackoverflow 有错误，我必须这样做才能发送此消息...

标签： javascript mobile canvas webbrowser-control fabricjs

【解决方案1】：

allowTouchScrolling: true 是您所追求的设置。

这应该在您在第二个参数的参数中创建画布时初始化。

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

【讨论】：

我使用 FabricJS 已经有一段时间了，所以我假设你可以设置 canvas.allowTouchScrolling = true;在你创建了画布之后。不。 allowTouchScrolling 必须在创建实例时设置，就像上面的答案一样。

【解决方案2】：

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

canvas.allowTouchScrolling = true;

最佳，
A.

【讨论】：

这个答案不再正确。您必须使用构造函数的第二个参数设置它。有关正确方法，请参阅下面的@domdambrogia 答案。这对我来说是正确的。
下面没有消息，我想你在考虑上面的帖子。我将帖子标记从我的帖子更改为“解决方案”到上面的帖子。我希望你是对的，我现在无法测试它:-)