Javascript 如何发送反向&;在fabricjs中引入一个活跃的组
我正在尝试向后发送并在fabric js中单击按钮后向前发送活动对象/活动组,我可以向后发送活动对象,但在组中遇到问题。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)
这是我的密码
$('#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