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

Question

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

我不知道为什么当我触摸 Canvas 区域时我不能移动屏幕。

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

有人知道这个问题吗？

哦，我忘了...简单的例子:

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

Answer 1

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
});