Question

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

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

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

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

Answer 1

您可以对对象进行分组。

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

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

此方法适用于版本1.3.12