Javascript fabric.js画布上的触摸屏缩放/滚动

Javascript fabric.js画布上的触摸屏缩放/滚动,javascript,touch,fabricjs,Javascript,Touch,Fabricjs,我正在尝试使用Javascript和fabric.js(昨天从GitHub下载的最新版本)创建一个小型web应用程序。 我希望该应用程序在移动设备和桌面上都可用 我需要的是一块画布,在那里我可以放置一些可移动的形状,没有什么太难的。问题在于,在移动设备上,似乎不可能获得这样的结果,同时仍然能够使用触摸手势在画布上自由移动。 我以前使用的是1.7版,在该版本中,移动对象会导致页面同时滚动,从而很难控制形状的移动(就像fabric.js侦听器没有阻止事件传播一样) 因此,我将其更新为最新版本,无论我

我正在尝试使用Javascript和
fabric.js
(昨天从GitHub下载的最新版本)创建一个小型web应用程序。 我希望该应用程序在移动设备和桌面上都可用

我需要的是一块画布,在那里我可以放置一些可移动的形状,没有什么太难的。问题在于,在移动设备上,似乎不可能获得这样的结果,同时仍然能够使用触摸手势在画布上自由移动。 我以前使用的是1.7版,在该版本中,移动对象会导致页面同时滚动,从而很难控制形状的移动(就像
fabric.js
侦听器没有阻止事件传播一样)

因此,我将其更新为最新版本,无论我做什么,浏览器都会忽略画布区域的缩放和平移(事实上,现在的问题恰恰相反)

我想我或多或少都试过了,从以下几点开始:

allowTouchScrolling = true / false;
手动覆盖(使用
!important
和jQuery解决方案)从
fabric.js
添加的内联画布样式,认为这是问题的原因,但运气不佳

touch-action: none; -> touch-action: manipulation;
最后,我想看到的是一个画布,在这里我既可以拖动形状(防止事件从结构传播),也可以使用手势在页面中移动(当然不是在可移动的形状上)


我遗漏了什么吗?

默认情况下,Fabric不支持使用任何控件进行缩放/平移。您需要实现移动织物画布的工具。织物内置的触摸控件用于移动和修改形状。