首页 文章

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

提问于
浏览 次
7

我正在开发基于触摸的应用程序w / Fabric.js . 开箱即用，拖放支持非常出色 . 不幸的是，您一次只能拖动一个对象 - 画布的其余部分基本上是'locked'，直到当前对象的拖动结束 .

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

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

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

1 回答

  • 0

    您可以对对象进行分组 .

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

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

    此方法适用于版本1.3.12

    回复于

相关问题