fabric.js 给每个元素设置不同的层级

可以使用 fabric.js 中的 bringToFront() 和 sendToBack() 方法来更改元素的层级。

• bringToFront() 方法可将元素置于所有其他元素的最上层。
• sendToBack() 方法可将元素置于所有其他元素的最下层。

示例代码:

var rect1 = new fabric.Rect({
    left: 100,
    top: 100,
    width: 50,
    height: 50,
    fill: 'red'
});
var rect2 = new fabric.Rect({
    left: 150,
    top: 150,
    width: 50,
    height: 50,
    fill: 'blue'
});

canvas.add(rect1);
canvas.add(rect2);

// rect1 元素置于最上层
rect1.bringToFront();

// rect2 元素置于最下层
rect2.sendToBack();