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

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码