Javascript 如何发送反向&;在fabricjs中引入一个活跃的组

Javascript 如何发送反向&;在fabricjs中引入一个活跃的组,javascript,html,canvas,fabricjs,Javascript,Html,Canvas,Fabricjs,我正在尝试向后发送并在fabric js中单击按钮后向前发送活动对象/活动组,我可以向后发送活动对象,但在组中遇到问题。 这是我的密码 $('#send-backward').click(function() { var activeObject=canvas.getActiveObject(), activeGroup=canvas.getActiveGroup(); if (activeObject)

我正在尝试向后发送并在fabric js中单击按钮后向前发送活动对象/活动组,我可以向后发送活动对象,但在组中遇到问题。
这是我的密码

    $('#send-backward').click(function() { 
            var activeObject=canvas.getActiveObject(),
                activeGroup=canvas.getActiveGroup();
            if (activeObject) {
                canvas.sendBackwards(activeObject);
                canvas.renderAll();
                }
            else if (activeGroup) {
                  canvas.getActiveGroup().forEachObject(function(o){canvas.sendBackwards(o); });
//activeGroup.sendBackwards();
                  canvas.renderAll();
                } 
             });

    $('#bring-forward').click(function() { 
        var activeObject=canvas.getActiveObject(),
            activeGroup=canvas.getActiveGroup();
        if (activeObject) {
            canvas.bringForward(activeObject);
            canvas.renderAll();
            }
        else if (activeGroup) {
              canvas.getActiveGroup().forEachObject(function(o){canvas.bringForward(o); });
//activeGroup.bringForward();
              canvas.renderAll();
            }

         });
使用此代码,向前发送是可以的,但向后发送时出现问题
另一个代码尝试是
此代码工作异常,无法复制组


提前感谢您的帮助

您可以直接使用1.7.3版
activeGroup.SendBackward()
activeGroup.bringForward()中的
activeGroup.SendBackward()
activeGroup.bringForward()

我们工作不正常,所以我在这里张贴了小提琴,在这里,sendToBack和&bringToFront都不起作用

document.getElementById('tofront')。addEventListener(“单击”,envirfrente);
函数envirafrente()
{
var myObject=canvas.getActiveObject();
画布。布林托夫隆(myObject);
canvas.discardActiveObject();
canvas.renderAll();
}
document.getElementById('toback')。addEventListener(“单击”,enviraFondo);
函数enviarFondo()
{
var myObject=canvas.getActiveObject();
canvas.sendToBack(myObject);
canvas.discardActiveObject();
canvas.renderAll();
}
document.getElementById('toAdelante')。添加了ventListener(“单击”,moverAdelante);
函数moverAdelante()
{
var myObject=canvas.getActiveObject();
画布。向前移动(myObject);
canvas.discardActiveObject();
canvas.renderAll();
}
document.getElementById('toAtras')。addEventListener(“单击”,enviratras);
函数enviarAtras()
{
var myObject=canvas.getActiveObject();
canvas.sendBackwards(myObject);
canvas.discardActiveObject();
canvas.renderAll();

}
您能提供JSIDdle吗?我也尝试过,但有一个问题,您可以检查更新的问题&JSIDdle