html5 – 是否可以在FabricJS画布上同时独立拖放多个对象？

我正在使用基于触摸的应用程序w / Fabric.js.开箱即用,拖动和放大器放弃支持是惊人的.不幸的是,你一次只能拖动一个对象 – 画布的其余部分基本上是“锁定的”,直到当前对象的拖动结束.

是否可以同时拖动多个对象？怎么可能完成？我的用例是这样的：想象一下你可以触摸/拖动多个拼图的画布.我希望能够同时独立触摸和拖动至少2个(每个用不同的手指).

我正在使用标准的拖动事件处理程序.我没有看到任何明显的方法来实现这一目标.

canvas.on('object:moving',function (e) { ... });

解决方法

您可以对对象进行分组.

var mygroup = new fabric.Group([ obj1,obj2,obj3 ],{ left: 200,top: 200 });
canvas.add(group);

您可以预先对对象进行分组,或让用户选择要分组的对象.一个小组可以全部拖延.

此方法适用于版本1.3.12

原文地址：https://www.jb51.cc/html5/168298.html