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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/html5/168298.html

猜你在找的HTML5相关文章