Javascript 当用户选择多个对象时,不会触发FabricJS:object:moving事件

Javascript 当用户选择多个对象时,不会触发FabricJS:object:moving事件,javascript,selection,drag,fabricjs,Javascript,Selection,Drag,Fabricjs,在FabricJS中,有一个object:moving事件,您可以为其启动一个函数,我已经装配了该函数,以保持线与点的连接方式与stickman演示中的相同: 在他们的演示中,他们通过单击并拖动周围的正方形来选择点,然后通过单击并拖动来移动所选择的对象。在我的例子中,我希望用户能够选择多个点,并同时拖动它们,但现在发生的是线与点断开连接。这个问题在二次曲线示例中得到了说明:。同时选择两个点并拖动所选内容。。。它会将点与线断开 在移动选择时,是否有一些方法来渲染事件?它似乎在动态创建一个组,但我尝

在FabricJS中,有一个object:moving事件,您可以为其启动一个函数,我已经装配了该函数,以保持线与点的连接方式与stickman演示中的相同:

在他们的演示中,他们通过单击并拖动周围的正方形来选择点,然后通过单击并拖动来移动所选择的对象。在我的例子中,我希望用户能够选择多个点,并同时拖动它们,但现在发生的是线与点断开连接。这个问题在二次曲线示例中得到了说明:。同时选择两个点并拖动所选内容。。。它会将点与线断开


在移动选择时,是否有一些方法来渲染事件?它似乎在动态创建一个组,但我尝试使用selection:created事件来获取该组,并再次设置一个对象:在组中的每个对象上移动事件处理程序,但没有成功。有什么想法吗?

你可以采取两种方法

向画布添加“对象:移动”事件的侦听器。这将为任何移动的对象或组触发。 canvas1.on'object:moving',functionevent{ console.logobject:正在移动; };

创建选择组后,可以将移动事件直接添加到该组中

canvas1.on'selection:created',functionevent{ canvas1.getActiveGroup.on'moving',functionevent{ 控制台。日志“移动”; }; console.logselection已创建; };

这把小提琴有两个例子。