Canvas(fabricjs)阻止Web浏览器缩放并在移动设备上移动

时间:2015-02-19 11:22:20

标签: javascript mobile canvas webbrowser-control fabricjs

在移动版网页浏览器(android默认,firefox,safari,chorome等)

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

问题还在于缩放。如果我在画布外开始缩放并继续画布,那就没关系了。但是当我开始在画布上缩放浏览器窗口时,它不起作用。

有人知道这个问题吗?

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

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

2 个答案:

答案 0 :(得分:2)

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

canvas.allowTouchScrolling = true;

贝斯茨,

答案 1 :(得分:0)

allowTouchScrolling: true是您之后的设置。

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

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