触摸屏缩放/滚动fabric.js canvas

时间:2017-12-07 20:41:30

标签: javascript touch fabricjs

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

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

所以我将它更新到最后一个版本,无论我做什么,浏览器都会忽略缩放并平移画布区域(问题实际上现在正好相反)。

我想我已尝试过或多或少的一切,从:

开始
allowTouchScrolling = true / false;

要手动覆盖(使用!important和jQuery解决方案),从fabric.js添加的内联画布样式认为这是问题的原因,没有运气。

touch-action: none; -> touch-action: manipulation;

最后,我希望看到的是一个画布,我可以在其上拖动形状(防止事件从布料传播)并使用手势在页面中移动(不是在可移动的形状上,疗程)。

我错过了什么吗?

0 个答案:

没有答案